Beranda
Coding
Web

Belajar Struktur Dasar HTML

Materi Web


Pembelajaran awal untuk membuat sebuah web adalah belajar mengenai HTML. Apa itu HTML? HTML merupakan kependekan dari Hypertext Markup Language. HTML merupakan filel teks murni yang dapat dibuat dengan teks editor sembarang tetapi dengan penembahan file ekstensi .htm atau .html. HTML umumnya berisi informasi atau interface aplikasi pada internet (Ir Betha Sidik dan Ir Husni Iskandar Pohan dalam buku Pemograman Web dengan HTML:9). Struktur Dasar HTML seperti berikut ini.

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

<h1>Belajar HTML</h1>

<p>HTML = Hypertext Markup Language</p>

</body>

<html>

Berdasarkan kode program di atas, maka dapat kita analisis strukturnya sebagai berikut:

  1. Tag pada HTML umumnya memiliki pasangan yang memiliki nama tag sama. Perbedaanya ada pada tag terakhir diberikan tanda /.

  2. Tag <html> memberitahukan pada web browser bahwa merupakan awal dokumen HTML dan diakhiri dengan </html>.

  3. Tag <head> dan </head> merupakan teks informasi header. Informasi header ini tidak akan ditampilkan pada jendela browser.

  4. Tag <title> dan <title> digunakan untuk judul dokumen. Teks pada tag ini nantinya ditampilkan pada title bar di web browser.

  5. Pada tag <body> dan </body> merupakan teks yang akan ditampilkan pada web browser.

Banyak tag-tag yang bertujuan untuk memformat text di dalam HTML. tag tag ini dirancang untuk membuat struktur text (konten) dari halaman web. Web browser akan menampilkan beberapa tag dengan tampilan visual seperti huruf tebal, huruf kecil. italic, dan sebagainya. Untuk memperdalam pengetahuanmu pada tentang tag html dalam mengatur format text perhatikan dibawah ini.

  1. <h1>.............</h1> keteranganya untuk membuat teks header 1.

  2. <b>.................</b> keteranganya membuat teks menjadi tebal.

  3. <i>...................</i> keteranganya membuat teks menjadi miring.

  4. <u>...................</u> keteranganya membuat teks menjadi bergaris bawah.

  5. <strong>...........<strong> keteranganya membuat teks menjadi tebal spt bold.

  6. <sub>...................</sub> keteranganya membuat teks menjadi subscript.

  7. <sup>...................</sup> keteranganya membuat teks menjadi superscript.

  8. <del>...................</del> keteranganya membuat format teks bergaris di tengah.

  9. <mark>...................</mark> keteranganya membuat format teks diblok berwarna.

Posting Komentar