Untuk menandai berbagai elemen dalam suatu dokumen HTML, kita menggunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri < (tanda lebih kecil) dan kurung sudut kanan > (tanda lebih besar).Tag umumnya berpasangan misalnya
dengan , tag yang menjadi pasangan selalu diawali dengan karakter garis miring /. Tag pertama menunjukan awal yang berarti awal elemen, dan tag yang kedua menunjukan akhir yang berarti akhir elemen. Pengenalan Tag-tag dasar HTML Tag dasar berarti elemen dasar yang artinya harus ada dalam setiap pembuatan dokumen HTML. Tag-tag dasar HTML tersebut contohnya seperti Tag HTML, Tag Head, Tag Title, Tag Body, dan Tag Paragraf. Kelima tag tersebut merupakan sebuah eleman dasar di dalam bahasa pemograman HTML. Berikut penjelasan lebih rinci tentang kelima tag HTML tersebut. 1. Tag HTML Merupakan tag dasar yang mendefinisikan bahwa dokumen ini adalah dokumen HTML. Tag ini merupakan suatu keharusan bagi pemogram web yang menuliskannya sebagai tag pertama dalam dokumen HTML. Tag HTML . 2. Tag Hea Merupakan tag berikutnya setelah tag HTML untuk menuliskan keterangan tentang dokumen HTML yang akan ditampilkan.Tag head . 3. Tag Title Merupakan tag di dalam tag head yang berguna untuk menuliskan judul/informasi web yang ditampilkan pada halaman browser. Tag title. Di akhir paragraf dituliskan tag
tetapi ini tidak diharuskan karena tag
tidak didefinisikan mempunyai tag akhir. Setiap paragraf harus dimulai dengan tag
kembali. Heading Ada 6 tingkat heading dalam HTML, dinomori dari 1 sampai dengan 6. Nomor 1 merupakan heading terbesar. Setiap heading dalam dokumen harus diberikan tag, tergantung dari kebutuhan atau keberartian teks tersebut. Jika sangat penting, kita bisa menganggap sebagai heading 1 yang menggunakan tag
. Contoh sintaks elemen heading : • • •
Heading dengan ukuran 1
•Heading dengan ukuran 2
•Heading dengan ukuran 3
•Heading dengan ukuran 4
•Heading dengan ukuran 5
•Heading dengan ukuran6
• • Tag heading mempunyai atribut yang digunakan untuk mengatur tg heading dalam baris, atribut tersebut yaitu align. Value atau isi dari atribut align yaitu left, center, dan right. 1. Left – Kiri 2. Center – Tengah 3. Right – Kanan Contoh : • • •Heading dengan ukuran 1
• • Tesk dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading pada tulisan akan ditampilkan pada huruf yang lebih besar atau ditebalkan. Headign juga bertujuan untuk menunjukan arti dari teks yang dituliskan. ••
Heading dengan ukuran 1
• • Tesk dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading pada tulisan akan ditampilkan pada huruf yang lebih besar atau ditebalkan. Headign juga bertujuan untuk menunjukan arti dari teks yang dituliskan. ••
Heading dengan ukuran 1
• • Tesk dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading pada tulisan akan ditampilkan pada huruf yang lebih besar atau ditebalkan. Headign juga bertujuan untuk menunjukan arti dari teks yang dituliskan. •• • Jika tidak diberi atribut maka secara default/standar heading akan terletak rata di sebelah kiri. Format karakter Text dalam document dapat diformat secara khusus untuk menunjukan perbedaan dan penekanan terhadap isi dan maksud dari text tesebut. Perbedaan tampilan dalam bentuk huruf tebal (bold), miring (italic), digarisbawahi, dan semacamnya. Format karakter ini juga sangatberguna untuk menampilkan sebuah dokumen HTML yang menarik. Performatan Karakter Ada banyak macam pemformatan karakter atau teks yang dapat kita gunakan sesuai dengan fungsi karakter tersebut. Dalam pemformatan karakter, terdapat dua kategori, yaitu logical format dan physical format. Berikut adalah daftar tag-tag pemformat karakter. Logical Format, Logical format akan menerapkan layout dokumen secara logis dan teratur. Tag-tag yang termasuk dalam logical format yaitu sebagai berikut : Berikut adalah contoh dalam bentuk dokumen HTML : 1. , digunakan untuk menandai sebuah kutipan (Citation). 2.
, digunakan untuk menampilkan kode-kode pemrograman, misalnya kode pemrograman PHP.
3. , digunakan untuk menampilkan teks yang ditekankan oleh penulis.
4. , digunakan untuk menandai suatu teks yang harus dimasukkan oleh user melalui keyboard.
5. , digunakan untuk menandai teks yang digunakan sebagai contoh.
6. , digunakan untuk menandai bagian yang terpenting dari suatu teks.
7. , digunakan untuk menampilkan nama variable.
8. , digunakan untuk menandai sebuah subdefinisi dari daftar definisi.
Semua tag tersebut memerlukan tag penutup, misalnya , contoh logical format
•
•
• Albert Einstein adalah seorang ilmuan fisika.
Untuk menampilkan isi variable di program PHP adalah : echo “$content”;
Saya berkata, “saya bisapasti bisa!.”
Untuk melihat direktori, ketikan dir.
Pada abjad terdapat lima huruf vocal, yaituAIUEO
Aku ingin berkata bahwa aku Mencintaimu!
Kode program tersebut diiterasi sebanyak N kali.
Kambing adalah hewan pemakan rumput.
•
•
Physical Format, adalah format terhadap fisik suatu font. Tag-tag-nya sebagai berikut :
1. , untuk menebalkan karakter atau teks.
2. , untuk memiringkan karakter atau teks.
3. , untuk menampilkan garis bawah pada karakter atau teks.
4. , untuk menampilkan huruf seperti huruf mesin ketik.
5. , untuk menampilkan garis horizontal pada bagian tengah huruf.
6. , menampilkan huruf yang lebih besar.
7. , menampilkan huruf yang lebih kecil.
8. , menampilkan subscript.
9. , untuk menampilkan superscript.
Format dalam dokumen HTML :
•
• contoh physical format
•
• untuk teks tebal
• untuk teks tebal
• untuk teks besar
• untuk teks seperti bentuk font mesin ketik
• untuk mengecilkan teks
• untuk teks subscript
• untuk teks superscript
•
•
Itulah sedikit informasi yang dapat saya berikan, semoga bermanfaat dan bisa sedikit anda terapkan sendiri.
Paragraph
Informasi yang disajikan dalam dokumen harus mengikuti kaidah-kaidah dalam penulisan. Misalnya satu pikiran utama disimpan dalam satu paragraf. Setiap paragraph harus dimulai dengan member tag . Di akhir paragraf tidak diharuskan menulis tag
sebagai akhirparagraf, karena tag tidak didefinisikan memiliki tag akhir. Setiap pergantian paragraf harus dimulai dengan menuliskan tag
kembali.
Contoh menggunakan tag paragraf dalam dokumen HTML
•
•
• MEMBUAT DOKUMEN HTML DENGAN TAG PARAGRAF
•
•
•
• Tesk dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading pada tulisan akan ditampilkan pada huruf yang lebih besar atau ditebalkan. Headign juga bertujuan untuk menunjukan arti dari teks yang dituliskan.
•
•
• Tesk dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading pada tulisan akan ditampilkan pada huruf yang lebih besar atau ditebalkan. Headign juga bertujuan untuk menunjukan arti dari teks yang dituliskan.
•
•
•
Pada elemen paragraf sebaiknya selalu diberikan tag
untuk menandakan penutup paragraf sebelum memulai paragraf baru.
Dalam elemen paragraf terdapat juga atribut untuk mengatur perataan paragraf. Atribut tersebut yaitu align, dan valuenya yaitu center ( berfungsi untuk perataan tengah ), left ( berfungsi untuk perataan kiri ), dan right ( berfungsi untuk perataan kanan ).
Contoh penulisannya dalam dokumen HTML
•
•
• MEMBUAT DOKUMEN HTML DENGAN TAG PARAGRAF
•
•
•
• Tesk dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading pada tulisan akan ditampilkan pada huruf yang lebih besar atau ditebalkan. Headign juga bertujuan untuk menunjukan arti dari teks yang dituliskan.
•
•
•
Yang menjadi catatan adalah jika kita ingin membuat paragraf baru, maka kita harus menuliskan secara tegas tag
nya. Tidak ada pengaruh kita menulisakan beberapa kali pun di dalam dokumen HTML, karena semuanya akan dianggap satu paragraf saja.
0 komentar
Posting Komentar