web browser menampilkan file (halaman web) tersebut. HTML memiliki eksrensi".htm" atau ".html"
Untuk membuat halaman html syarat yang tidak boleh terlupakan adalah
- Menggunakan tanda "< >" (kurung siku) yang diisi dengan"html" dan diakhiri dengan "< / >".
- Menggunakan "body" yang diisikan pada tanda "<>" dengan cara yang sama dengan "html". Tag ini diletakkan di antara tag html.
Dibawah ini contoh sedehana untuk membuat homepage, teman-teman tinggal copas pada halam editor yang baru.
Ingat letakkan semua contoh coding dibawah diantara <html><body>...</body></html>
Homepage Sederhana
<html>
<head>>
<title>Title of page</title>
</head>
<body>
This is my first homepage
<b> This text is bold</b>
</body>
</html>
Format Huruf
<b>Teks ini ditebalkan</b><br>
<strong>Teks ini tebal (strong)</strong><br>
<big>Teks ini besar</big><br>
<u>Teks ini digarisbawahi</u><br>
<em>>eks ini emphasize</em><br>
<i>Teks ini italic</i><br>
<small>Teks ini kecil</small><br>
Teks ini <sup>superscript</sup><br>
Teks ini <sub>kecil</sub>
Tag Dasar HTML
<html>Ini adalah tag dasar yang mendefinisikan bahwa dokumen ini adalah dokumen HTML
<head>Tag untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan
<title>Tag untuk memberikan judul pada browser caption
<body>Ini merupakan tag utama dari dokumen web, karena didalamnya diletakkan semua isi dari dokumen yang akan ditampilkan pada browser
<br>Membuat bari baru tanpa membuat paragraf
<p>Untuk menyajikan satu pemikiran dalam satu paragraf
<h1><h2><h3><h4><h5><h6>Heading, merupakan tulisan tulisa yang ditampilkan dengan huruf yang lebih besar atau ditebalkan
<hr>Untuk menampilkan garis lurus mendatar yang digunakan sebagi pemisah antar bagian atau paragraf
<!--komentar-->Tanda konemtar tidak akan ditampilkan pada browser
OK... berikut ini contoh tag-nya silahkan copas dan pindahkan ke halaman editor dan simpam dengan ekstensi ".html"
<p>Paragraf Pertama</p>
<p>Paragraf Kedua</p>
<p>Paragraf <br>Ketiga</p>
<hr>
<h1>Ini contoh heading 1</h1>
<h2>Ini contoh heading 2</h2>
<h3>Ini contoh heading 3</h3>
<h4>Ini contoh heading 4</h4>
<h5>Ini contoh heading 5</h5>
<h6>Ini contoh heading 6</h6>
<hr>
<h3 align="left">Ini contoh heading 3 dikiri</h3>
<h3 align="center">Ini contoh heading 3 ditengah</h3>
<h3 align="right">Ini contoh heading 3 dikanan</h3>
<!--Ini tidak akan ditampilkan-->
0 komentar:
Posting Komentar