Belajar HTML Dasar - Materi 3

Unknown | 8:47:00 AM | 0 komentar

Lanjutan materi 2, langsung aja :

c. Tag Baris baru <br>

Tag <br> ... , dapat digunakan untuk berpindah ke 1 baris yang baru. Untuk tag ini tidak ada penutup dan anda juga bebas menggunakan tag ini di seluruh tag <body>. Jika ingin berpindah ke lebih dari 1 baris dapat digunakan 2 buah tag <br>.

Contoh Scriptnya :

<html>
<head>
<title>Tag baris baru</title>

<body>
Judul : Testing HTML Ketiga<br><br>Ini merupakan testing ketiga Ku semenjak mulai belajar HTML. Memang html itu tidaklah terlalu sulit, hanya perlu sedikit ketekunan dalam belajar maka semuanya akan sangat mudah.<br>Belajar dengan mengingat tag-tag HTML akan semakin mempermudah kita untuk menyusun dokumen HTML yang lebih baik dan rapi.
</body>
</html>

simpan dengan nama "latihan4.html". Lihat dan pelajarilah hasilnya.


d. Tag Preformated <pre>

Tag <pre> ... </pre>, adalah tag yang menunjukkan isi dokumen-dalam tag tersebut seperti apa adanya. Dan hasil dokumen pada browser akan seperti dengan yang ada pada dokumen yang aslinya (sesuai susunan pengetikan anda) hal ini dimungkinkan karena tag tersebut akan membaca setiap adanya penekanan, spasi, tab ataupun enter.

Contoh Scriptnya :

<html>
<head>
<title>Tag Preformated</title>

<body>
<pre>
Belajar Tag Preformated.
tag preformated adalah tag yang menunjukkan isi dokumen-dalam tag tersebut seperti apa adanya.

Dan hasil dokumen pada browser akan seperti dengan yang ada pada dokumen yang aslinya (sesuai susunan pengetikan anda) hal ini dimungkinkan karena tag tersebut akan membaca setiap adanya penekanan, spasi, tab ataupun enter.

contoh :
1. Test Tab.
2. Test Spasi.
3. Test Enter.

</pre>
</body>
</html>


simpan dengan nama "latihan5.html". Lihat dan pelajarilah hasilnya.


e. Tag Garis Horizontal <hr>

Tag <hr> ... , digunakan untuk menampilkan berupa garis horizontal pada dokumen anda. Adapun format defaultnya adalah

saja namun format lengkapnya adalah :

<hr size="x" width="y/%" align="left/center/right" noshade>

keterangan :
x,y = besaran dalam pixel.
% = berapa persen dari lebar dokumen.
align = posisi dari garis.
noshade = hanya diperlukan jika ingin menampilkan garis, tanpa memiliki bayangan (flat).

Contoh Scriptnya :

<html>
<head>
<title>Tag Garis Horizontal</title>

<body>
Belajar Tag Horizontal<br>
Tag hr ... , digunakan untuk menampilkan garis horizontal<br>pada dokumen anda. <br>Adapun format defaultnya adalah hr saja. Ini ada beberapa contoh dari tag tersebut :<p>

biasa saja, default
<hr>
dengan size dan width dalam pixel
<hr size="1" width="450px">
dengan size dan width = persen
<hr size="2" width="75%">
ditambah dengan align defaultnya adalah center
<hr size="3" width="75%" align="left">
ditambah dengan noshade
<hr size="4" width="75%" align="left" noshade>

</body>
</html>


simpan dengan nama "latihan6.html". Lihat dan pelajarilah hasilnya.

Category:

About Wan Adamsyah Rival Baros:
Adam adalah seorang Profesional Blogger, Online Enteprenuer, Web Designer, Web Developer, IT Support and Trainer. Saya memulai blogging sejak 2006 dan memutuskan untuk menjadi profesional blogger di tahun 2009. Tulisan saya banyak bercerita mengenai Teknologi Informasi dan perkembangannya.

0 komentar