HTML Minggu ke-1 HTML (HyperText Markup Language) • HTML : format standar untuk membuat dokumen web • Spesifikasi HTML standar (HTML 4.01 ) : http://www.w3.org/TR/html4 • HTML merupakan bahasa bertanda, menggunakan rangkaian teks tertentu (tag) untuk menandai teks yang mempunyai interpretasi khusus. • File HTML berupa file teks ( plain text file), bukan binary file, sehingga dapat dibuat menggunakan editor teks biasa Skema Dasar Dokumen HTML • HTML: menandai awal dan akhir dokumen HTML • HEAD: menandai bagian header dokumen HTML • TITLE: memberi judul pada dokumen HTML • BODY: menandai awal dan akhir isi dokumen (yang ditampilkan) <html> <head> <title>Homepage saya</title> </head> <body> <h1>Saya</h1> <h2>Perkenalan</h2> <p>Perkenalkan, nama saya ..... Ini adalah <i>homepage</i> <b>pertama</b> saya, karena saya baru belajar tentang cara membuat <b><i>homepage</i></b>. </p>
Daftar Tag
• <html> Dokumen
• <head> Header
• <title> Judul dokumen
• <body> Isi dokumen
• <h1>…<h6> Judul paragraf
• <p> Paragraf
• <b>,<i>,<u>,<sup>,<sub> Atribut
• <br> Ganti baris
• <font> Font
• <li>,<ol>,<ul> Enumerasi
• <hr> Garis mendatar
• <img> Gambar
• <a> Link (kaitan/rujukan)
• <table> Tabel
• <!-- --> Komentar
• <meta> Informasi mengenai dokumen
• <frame>,<framset>,<iframe> Frame (bingkai)
• <form> Formulir isian
• <input>,<textarea>,<select> Komponen isian pada formulir
• <map> Link berdasar area pada gambar
• <span>,<div> Pengelompokan elemen dokumen
Tag Judul ( Heading)
<hn>Judul paragraf</hn>
n = 1,2,3,4,5,6 (tingkat judul)
Untuk menuliskan judul suatu paragraf
<h1>Judul Tingkat 1</h1> <h2>Judul Tingkat 2</h2> <h3>Judul Tingkat 3</h3> <h4>Judul Tingkat 4</h4> <h5>Judul Tingkat 5</h5> <h6>Judul Tingkat 6</h6> |
Judul Tingkat 1 Judul Tingkat 2 Judul Tingkat 3 Judul Tingkat 4 Judul Tingkat 5 Judul Tingkat 6 |
Tag Paragraf ( Paragraph)
<p>paragraf</p>
Untuk menandai suatu paragraf.
Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya.
<p> Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage. </p> <p>Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih terlalu |
Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage.
Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih terlalu sederhana.
Saya akan berusaha untuk terus memperbaiki homepage saya ini, sehingga semakin lama semakin menarik untuk dilihat. |
Tag Atribut 1 ( Bold, Italic, Underline)
<b>Kalimat yang dicetak tebal</b>
<i>Kalimat yang dicetak miring</i>
<u>Kalimat yang digarisbawahi</u>
Untuk menandai bagian kalimat agar dicetak tebal, miring, dan/atau digarisbawahi.
<p>Kata dapat dicetak <b>tebal</b>, <i>miring</i>, <u>garis bawah</u>, <b>tebal <i>miring</i></b>, dan <b><i><u>kombinasi</ <p>Kata dapat dicetak <b>tebal</b>, <i>miring</i>, <u>garis bawah</u>, <b>tebal <i>miring</i></b>, dan <b><i><u>kombinasi</> |
Kata dapat dicetak tebal, miring, garis bawah, tebal miring, dan kombinasi di tengah huruf normal | |
<HTML> <HEADER> <TITLE>LAB1</TITLE> </HEADER> <BODY BGCOLOR=ORANGE> <CENTER><H1>WEBSITE KU</H1></CENTER> <TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="0" BORDER="0" BGCOLOR=orange> <TD HEIGHT="60" WIDTH="250" ALIGN="LEFT" ROWSPAN="2"> <P><B>NIM :</B> 1102060014</P> <P><B>NAMA :</B> DAvid Wong</P> <P><B>ALAMAT :</B> JL. LODAN</P> <P><B>NO TLP :</B> 0813102070XX</P> <P><B>HOBI :</B> listening a music</P> </TD> <TD HEIGHT="60" WIDTH="250" ALIGN="RIGHT" ROWSPAN="2"> <IMG SRC="super tukul.jpg" WIDTH=150> </TD> </TABLE> </BODY> </HTML> | |
<HTML> <HEADER> <TITLE>LAB1</TITLE> </HEADER> <BODY BGCOLOR=ORANGE> <CENTER><H1>DATA BARANG</H1> <TABLE WIDTH="50%" CELLPADDING="0" CELLSPACING="0" BORDER="1" BGCOLOR=ORANGE></CENTER> <TR> <TD><B>KODE</B></TD><TD><B>NAMA</B></TD><TD><B>HARGA</B></TD> </TR> <TR> <TD>B001</TD><TD>BUKU</TD><TD>5000</TD> </TR> </TABLE> </BODY> </HTML> |
<HTML> <HEADER> <TITLE>LAB1</TITLE> </HEADER> <BODY BGCOLOR=#FFFFFF> <CENTER><H1>WEBSITE KU</H1></CENTER> <TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="0" BORDER="0" BGCOLOR=#FFFFFF> <TD HEIGHT="60" WIDTH="250" ALIGN="LEFT" ROWSPAN="2"> <P><FONT COLOR=RED><B>NIM :</B></FONT> 1102060014</P> <P><FONT COLOR=BLUE><B>NAMA :</B></FONT> David</P> <P><FONT COLOR=YELLOW><B>ALAMAT :</B></FONT> JL. LODAN</P> <P><FONT COLOR=GREEN><B>NO TLP :</B></FONT> 0813102070XX</P> <P><FONT COLOR=BLACK><B>HOBI :</B></FONT> Listen a music</P> </TD> <TD HEIGHT="60" WIDTH="250" ALIGN="RIGHT" ROWSPAN="2"> <IMG SRC="super tukul.jpg" WIDTH=200> </TD> </TABLE> </BODY> </HTML> |
0 comments:
Post a Comment