HTML & CSS

HTML

HTML digunakan untuk membangun suatu halaman web. Sekalipun banyak orang
menyebutnya sebagai suatu bahasa pemrograman, HTML sama sekali bukan bahasa
pemrograman, tapi merupakan bahasa markup (penandaan), terhadap sebuah dokumen
teks. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < )
dan tanda lebih besar ( > ) yang biasa disebut tag.

1. Dokumen dan Penamaan HTML
Sebuah file HTML merupakan file teks biasa yang mengandung tag-tag HTML. Karena
merupakan file teks, maka HTML dapat dibuat dengan menggunakan teks editor yang
sederhana, misalnya notepad. Dapat juga menggunakan HTML editor yang bersifat
WYSIWYG ( What You See Is What You Get ), misalnya Frontpage atau Dreamwaver.
Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang paling
nampak jelas adalah ekstensi filenya, yaitu .htm atau .html. Dalam pemberian nama
sebuah dokumen bersifat case sensitive sehingga dokumen dengan nama a.html akan
berbeda dengan dokumen A.html.

2. Elemen dan Tag HTML
Elemen HTML yaitu komponen penyusun terkecil dari sebuah dokumen HTML. Untuk
menandainya. Elemen dapat berupa teks murni, atau bukan teks, atau keduanya.
Untuk menandai sebuah elemen dalam suatu dokumen HTML digunakan tag. Tag HTML
terdiri dari sebuah simbol lebih kecil ( < ) dan dan lebih besar ( > ).
Nama elemen ditunjukkan oleh nama dari tagnya. Suatu elemen biasanya ditandai dengan
pasangan tag, walaupun ada beberapa nama elemen yang ditandai dengan satu tag tanpa
harus berpasangan. Diantaranya:

• Image ( <img /> )

• Ganti Baris – Break ( <br /> )

•  Horizontal Rule ( <hr /> )

• Input Field ( <input /> )Tag dapat mempunyai atribut. Atribut mendefinisikan sesuatu tentang tag tersebut. Atributdigunakan untuk mengubah default pemformatan dokumen dengan tag yangbersangkutan.

• Struktur Element

<p align="center"> ..... </p>

<p align="center">  : Tag pembuka,dan attribut 


align: name

center: value

.....: content atau isi dari element tersebut

</p>: Tag Penutup

bagian 1                                                                       klik disini untuk melihat selanjutnya