Dalam memnuat file HTML banyak sekali tag-tag yang digunakan, namun ada beberapa tag yang sering sekali digunakan untuk membuat file HTML, tag-tag tersebut merupakan elemen dasar untuk membuat html.
selain <html>, <head>,<body> yang sudah kita bicarakan dalam mteri yang sebelumnya, tag ini merupakan perintah untu menysun conten html. tag ini biasanya ber ada dalam body.
Setiap Web programer wajib menguasai tag ini, karena memang sangan sering digunakan,
tag tersebutantara lain:
<h2>Ini heading sedang</h2>
<h3>Ini heading kecil</h3>
Semakin besar angka headingnya maka semakin kecil Kalimat headingnya. tag heading maksimal sampai h6.
Tag Heading berguna untuk membuat judul suatu paragraf atau sub paragraf dalam membuat conten HTML.
<p>ini merupakan paragraf yang lain </p>
Tag <p> merepakan tag untuk membentuk paragraf
Tag <br />, membuat baris baru, tidak memerlukan penutup </br>
Tag <hr />, membuat garis batas horizontal, tidak memerlukan penutup </hr>
Tag <ul> dan <ol>
Pemformat dokumenlain yang akan sangat banyak berguna adalah LIST (daftar).
Ada dua macam daftar, yaitu ORDERED lists (ol) dan UNORDERED lists (ul)
contoh HTML
<html>
<head>
<title>Latihan LIST</title>
</head>
<body>
Daftar Anak Ilmu Sosial
<br>Anak Ilmu sosial untuk kelompok A
<p>Kelompok maerupakan anak-anak ilmu sosial yang nilai indek prestasinya diatas 3,5. Meraka akan mendapatkan beberapa benghargaan karena.......
</p>
Selain itu kelompok A ini akan diundang dalam acara yang akan diadakan oleh rektor kampus dan merekan akan memperentasikan....
<hr />
<hr />
<br />
<h1>Daftar anak</h1>
<li>Bima</li>
<li>Arjuna</li>
<li>Nakula</li>
<li>Sadewa</li>
</ol>
<p>hobi</p>
<ul>
<li>jalan-jalan</li>
<li>makan</li>
<li>tidur</li>
<li>menulis</li>
<li>musik</li>
</ul>
</body>
</html
sintagnya sebagai berikut:
<a href="http://www.amikom.ac.id">ini adalah link ke website Amikom</a>
sintag untuk memasukan gambar:
<img src="coba.jpg" alt="gambar percobaan" width="104" height="142">
sebenarnya ada beberapa attribut yang bisa ditambahkan untuk mempercantik Images, salah satunya antara lain : <marquee>
marquee berfungsii untuk memberi efek gerak, bisa digunakan untuk tulisan maupun gambar.
contoh sintag marquee:
Sekian dulu,,
selamat mencoba guys,,
belive nothing imposible!!!
selain <html>, <head>,<body> yang sudah kita bicarakan dalam mteri yang sebelumnya, tag ini merupakan perintah untu menysun conten html. tag ini biasanya ber ada dalam body.
Setiap Web programer wajib menguasai tag ini, karena memang sangan sering digunakan,
tag tersebutantara lain:
Tag untuk Heading
<h1>Ini heading besar</h1><h2>Ini heading sedang</h2>
<h3>Ini heading kecil</h3>
Semakin besar angka headingnya maka semakin kecil Kalimat headingnya. tag heading maksimal sampai h6.
Tag Heading berguna untuk membuat judul suatu paragraf atau sub paragraf dalam membuat conten HTML.
Tag untuk Paragraf
<p>Ini merupakan paragraf.</p><p>ini merupakan paragraf yang lain </p>
Tag <p> merepakan tag untuk membentuk paragraf
Tag <br />, membuat baris baru, tidak memerlukan penutup </br>
Tag <hr />, membuat garis batas horizontal, tidak memerlukan penutup </hr>
Tag <ul> dan <ol>
Pemformat dokumenlain yang akan sangat banyak berguna adalah LIST (daftar).
Ada dua macam daftar, yaitu ORDERED lists (ol) dan UNORDERED lists (ul)
contoh HTML
<html>
<head>
<title>Latihan LIST</title>
</head>
<body>
Daftar Anak Ilmu Sosial
<br>Anak Ilmu sosial untuk kelompok A
<p>Kelompok maerupakan anak-anak ilmu sosial yang nilai indek prestasinya diatas 3,5. Meraka akan mendapatkan beberapa benghargaan karena.......
</p>
Selain itu kelompok A ini akan diundang dalam acara yang akan diadakan oleh rektor kampus dan merekan akan memperentasikan....
<hr />
<hr />
<br />
<h1>Daftar anak</h1>
<li>Bima</li>
<li>Arjuna</li>
<li>Nakula</li>
<li>Sadewa</li>
</ol>
<p>hobi</p>
<ul>
<li>jalan-jalan</li>
<li>makan</li>
<li>tidur</li>
<li>menulis</li>
<li>musik</li>
</ul>
</body>
</html
HTML Links
dalam pembuatan link, link didefisikan dengan tag <a>sintagnya sebagai berikut:
<a href="http://www.amikom.ac.id">ini adalah link ke website Amikom</a>
HTML Images
gambar dalam html didefisinikan dengan tag <img>. dan untuk mengambil gambarnya dengan tag src atau source-nyasintag untuk memasukan gambar:
<img src="coba.jpg" alt="gambar percobaan" width="104" height="142">
sebenarnya ada beberapa attribut yang bisa ditambahkan untuk mempercantik Images, salah satunya antara lain : <marquee>
marquee berfungsii untuk memberi efek gerak, bisa digunakan untuk tulisan maupun gambar.
contoh sintag marquee:
<marquee behavior="alternate"
direction="down" height="200">
Ket
:
direction : arah efek akan bergerak. Jika ingin bergerak ke kanan ketikkan “right”, kiri “left”, atas “up” dan bawah “down”
direction : arah efek akan bergerak. Jika ingin bergerak ke kanan ketikkan “right”, kiri “left”, atas “up” dan bawah “down”
Sekian dulu,,
selamat mencoba guys,,
belive nothing imposible!!!
0 komentar:
Posting Komentar