Photoshop Tutorial – Graphic Design

Photoshop tutorial, Graphic Design, web design, web programming, design graphic, logo design, Advertising Design, Free e-book, politic, history, SEO, desain indonesia

Mengenal Tag HTML


Sebenarnya banyak tag-tag dalam HTML, tapi tag-tag berikut merupakan tag-tag yang paling sering dipakai dalam membuat sebuah dokumen html, php, asp, dsb. Dalam membuat sebuah Web atau Blog tidak akan bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari pembuatan sebuah web/blog. Dalam tutorial kali ini kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web seperti membuat link, menyisipkan gambar, mengatur teks, dll.

CARA MEMASUKKAN GAMBAR
kode :
<img src=”https://irenkdesign.files.wordpress.com/2008/08/irenkdesign-company.jpg” border=”0″ height=”30″ width=”40″>
keterangan :
yang warna biru adalah lokasi gambar berada. Gambar inilah yang nantinya akan ditampilkan di browser
height=”30″ width=”40″ adalah ukuran lebar dan tinggi gambar

CARA MEMBUAT LINK
Kode :
<a href=”https://irenkdesign.wordpress.com” >klik disini</a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan “klik disini” adalah tulisan yang ditampilkan.
Jika yg ingin di tampilkan bukan teks melainkan gambar maka kodenya akan seperti ini
<a href=”https://irenkdesign.wordpress.com” ><img src=”https://irenkdesign.files.wordpress.com/2008/08/irenkdesign-company.jpg” border=”0″ height=”30″ width=”40″></a>

MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>Tebal</b>
<i>Miring</i>
<u>Garis Bawah</u>

Hasil :
Tebal
Miring
Garis Bawah

MEMBERI WARNA TEXT
<font color=”#FF0000“> text </font>
<font color=”red“> text </font>

Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru

Kumpulan Tag HTML

<!– –>

Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

<a href>

Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

<a name>

Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

<applet>

Sebagai awal dari Java applets

<area>

Mendefinisikan daerah yang dapat diklik (link) pada image map

<b>

Membuat teks tebal

<basefont>

Membuat atribut teks default seperti jenis, ukuran dan warna font

<bgsound>

Memberi (suara latar) background sound pada halaman web

<big>

Memperbesar ukuran teks sebesar satu point dari defaultnya

<blink>

Membuat teks berkedip

<body>

Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link

<br>

Pindah baris

<caption>

Membuat caption pada tabel

<center>

Untuk perataan tengah terhadap teks atau gambar

<comment>

Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

<dd>

Indents teks

<div>

Represents different sections of text.

<embed>

Menambahkan sound or file avi ke halaman web

<fn>

Seperti tag <a name>

<font>

Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

<form>

Mendefinisikan input form

<frame>

Mendefinisikan frame

<frameset>

Mendefinisikan attribut halaman yang akan menggunakan frame

<h1> … <h6>

Ukuran font

<head>

Mendefinisikan head document.

<hr>

Membuat garis horizontal

<html>

Bararti dokumen html

<i>

Membuat teks miring

<img>

Image, imagemap atau an animation

<input>

Mendefinisikan input field pada form

<li>

Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )

<map>

Mendefinisikan client-side map

<marquee>

Membuat scrolling teks (teks berjalan) – hanya pada MS IE

<nobr>

Mencegah ganti baris pada teks atau images

<noframes>

Jika browser user tidak mendukung frame

<ol>

Mendefinisikan awal dan akhir list

<p>

Ganti paragraf

<pre>

Membuat teks dengan ukuran huruf yg sama

<script>

Mendefinisikan awal script

<table>

Membuat tabel

<td>

Kolom pada tabel

<title>

Mendefinisikan title

<tr>

Baris pada tabel

<u>

Membuat teks bergaris bawah

PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :

Karakter
Kode
>
&gt;
<
&lt;
&
&amp;
&quot;
(spasi)
&nbsp;

3 responses to “Mengenal Tag HTML

  1. firdaus October 26, 2009 at 9:34 pm

    asik ya bisa belajar bahasa2 html, makasih sebelumnya

  2. vie_dj.net October 25, 2008 at 5:36 pm

    marquee udah gak isa di pakai tuh mas!!!!coz ada web sendiri yg udah nyediain..

  3. ed September 3, 2008 at 4:12 am

    Saya mndapat tugas untuk membuat layout website sdrhna, gmn membuatnya?

%d bloggers like this: