1. Kerangka Utama Dokumen XHTML
<html>
<head>
<title> Judul Dokumen</title>
</head>
<body>
Isi Dokumen ditulis disini
</body>
</html>
2. Cara Mengganti Warna Latar
<html>
<head>
<title> Judul</title>
</head>
<body bgcolor=”aqua”>
Isi Tulisan
</body>
</head>
</html>
3. Cara Menambah Komentar
<html>
<head>
<title> Judul</title>
</head>
<body bgcolor=”aqua”>
<!–ini komentarnya–>
Isi Tulisan
</body>
</head>
4. Mengenal Berbagai macam Tag
<html>
<head>
<title> Judul</title>
</head>
<p align=”center”>
Hallo Semua<br/>
</p>
<hr/>
<b>Nama Saya Rhyadh</b><br/>
<i>nrp 0972167</i>
<small>asal cimahi</small>
<big>hobby bermain bola</big>
<hr width= “5%” size=”20” align=”center noshade/>
Ini Tanpa efek font apapun<br/>
<font face=”arial” size=”5” color=”red”>
Ini dengan efek FONT
</font>
<pre>
Belajar tag pre
Ini berfungsi untuk melakukan preformat
Jadi tidak usah memkain tag br untuk melakukan enter
</pre>
Ayo Belajar <acronym title=”Hyper Text Markup Language”>HTML</acronym>
</body>
</head>
Ket.
- Tag <br/> berfungsi sebgai enter
- Tag <p></p> digunakan untuk mengelompokan suatu text ke dalam suatu paragraf
- Tag<b><i><u> berfungsi sebagai bold, italic, dan underline
- Tag<big>dan<small> berfungsi untuk memperbesar dan memperkecil tulisan
- Tag <hr/> digunakan untuk membuat suatu garis mendatar/ horisontal
- Tag <font> digunakan untuk melakukan pengaturan huruf
- Tag <pre></pre> digunakan untuk melakukan preformat, kita tidak usah melakukan tag <br> untuk melakukan enter
- Tag <acronym> digunakan untuk memberi keterangan tambahan terhadap suatu istilah ataupun singkatan
5. Mengenal Tag Heading
<html>
<head>
<title> Judul</title>
</head>
<body >
<h1 align=”center”>heading 1 </h1>
<h2 align=”right”>heading 2</h2>
<h3 align=”left”>heading 3 </h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
</body>
</head>
Ket.
- Terdapat 6 ukuran heading mulai <h1> sampai dengan <h6> , <h1> huruf paling besar dan <h6> paling kecil
6. Mengenal Spesial Character
<html>
<head>
<title> Judul</title>
</head>
<body >
©
®
&
×
÷
<
>
½
</body>
</head>
Ket.
- Digunakan untuk menulis Spesial Character di HTML
7. Mengenal tag <sup>, <sub>, <tt>, dan <del>
<html>
<body>
Percobaan yang <del>salah</del><br/>
<tt>Senyawa dan Satuan</tt><br/>
H<sub>2</sub>SO<sub>4</sub><br/>
Satuan Luas adalah meter<sup>2</sup><br/>
</body>
</html>
Ket.
- tag <del> digunakan untuk membuat efek coretan
- tag <tt> digunakan untuk membuat efek mesin tik
- tag <sub> digunakan untuk efeksubscript
- tag <sup> digunakan untuk efeksuperscript
8. Memberi Gambar Pada Latar dan tag <img>
<html>
<head>
<title> Judul</title>
</head>
<body >
<body background=”merapi.jpg”>
<img src=”pic1.jpg”/>
<img src=”water lilies.jpg”
Align= “middle”
Alt=”bunga lili”
Width=”200”
Height=”300”/>
Ini Bunga Lili
</body>
</head>
Ket.
- Atribut background pada tag<body> dilakukan untuk mengatur gambarnya dan file gambar dan filexhtml harus berada di satu lokasi yang sama
- Tag <img> digunakan untuk menambahkan gambar pada suatu halaman web, tag ini pun gambarnya harus berada di dalaman satu lokasi file yang sama
- Atribut yang berada dalam tag <img> berfungsi untuk mengatur ukuran, posisi, dan keterangan.
9. Mengenal Tag <marquee>
<html>
<head>
<title> Judul</title>
</head>
<body >
<font size=”7” color= “grey”>
<marquee direction=”right”>
</marquee>
</font>
</body>
</head>
Ket.
- Tag <marquee> digunakan untuk membuat animasi sederhana dan atribut direction untuk mengatur arah gerakan
10. Menambahakan Lagu
<html>
<head>
<title> Memutar Lagu </title>
</head>
<body >
<bgsound src=”lagu.mp3” loop=”2”/>
<h2>Mencoba lagu</h2>
</body>
</head>
Ket.
- Tag bgsound digunakan untuk menambahkan lagu
- Atribut src adalah file lagu
- Atribut loop adalah berapa kali memutar lagu
11. Menambahkan Video
<html>
<head>
<title> Memutar Video</title>
</head>
<body >
<h2>Mencoba Video</h2>
<embed src=”video.mpg”
Width=”300”
Height=”200”
Loop=”true”
Autostart=”false”/>
</body>
</head>
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar