tag:blogger.com,1999:blog-22098610425140137852024-02-20T22:30:15.739-08:00Blog Sang PelajarUnknownnoreply@blogger.comBlogger1125tag:blogger.com,1999:blog-2209861042514013785.post-45675730401383711342013-03-30T23:02:00.005-07:002013-04-08T23:24:23.868-07:00Tentang HTML<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background: #000000; border: 2px solid #FF0000; color: blue; font-size: 20px; font-weight: bold; letter-spacing: 0.1em; padding: 25px;">
<marquee align="center" direction="left" scrollamount="6">HTML (Hyper Text Markup Language)</marquee>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<ul style="text-align: left;">
<li><b style="line-height: 14.05pt;"><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><b style="line-height: 14.05pt;"><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Pengertian singkat tentang HTML</span></b></span></b></li>
</ul>
</div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<b><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gFy60zzNeeHZS4UKuqrydSvM5EhdyMBn0VxPLWX8MO0b-ocOiHUVSdWh9Zod9Tu419aB_MlNe7yYGCkUBk6XiUe2kPHRQFzxVWkcWjq2tkFvTtJmKjWN9-mgJuVKa15iKVU8nc04Ddxx/s1600/html-pointing-sign-clipart.jpg" imageanchor="1" style="background-color: black; margin-left: 1em; margin-right: 1em;"><span style="color: black;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gFy60zzNeeHZS4UKuqrydSvM5EhdyMBn0VxPLWX8MO0b-ocOiHUVSdWh9Zod9Tu419aB_MlNe7yYGCkUBk6XiUe2kPHRQFzxVWkcWjq2tkFvTtJmKjWN9-mgJuVKa15iKVU8nc04Ddxx/s320/html-pointing-sign-clipart.jpg" width="320" /></span></a></div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<b><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></b></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">HTML
(Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu
dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana
dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk
menampilkan halaman Web yang terdiri dari berbagai macam format file seperti
teks, grafik, animasi, link maupun audio-video.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Sedangkan
Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari
dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari
Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox,
Opera, Safari dll.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">HTML
mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan
tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan
extention ".htm" atau ".html".<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini
adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan
mulai dengan mengetikkan (copy/paste) kode di bawah ini:<o:p></o:p></span></div>
<div style="background: border: solid #80C3A2 1.0pt; mso-border-alt: solid #80C3A2 .75pt; mso-element: para-border-div; padding: 8.0pt 8.0pt 8.0pt 8.0pt;">
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; margin-bottom: 0.0001pt; padding: 0cm;">
<span style="color: #4e4e4e; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><html> <head> <title>Titel
Websiteku</title> </head> <body> Ini adalah dokumen HTML
pertamaku </body> </html><o:p></o:p></span></div>
</div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://htmlcssguides.com/samples/html_sederhana.htm" target="_self" title="html_sederhana.htm"><b><span style="color: darkcyan; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; text-decoration: none; text-underline: none;">Preview</span></b></a><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Simpan file tersebut ke C:\My Documents
dengan nama "websiteku.html." Ketika menyimpan file tersebut dengan
Notepad ganti "save as type"-nya dengan "all files".
Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My
Documents\websiteku.htm "klik Ok" maka halaman website pertama anda
akan ditampilkan.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<i><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">*Lakukan hal yang sama untuk
contoh-contoh selanjutnya.</span></i><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Perintah didalam dokumen HTML terdiri
dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai.<b> Tag</b> terdiri
dari lambang-lambang khusus seperti: " <", " >" dan
"/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka
" <…>"dan diakhiri dengan tag penutup " </…>".
Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head,
title,body dan yang lainnya ini disebut dengan <b>Elemen</b> HTML.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Elemen HTML kemudian ada yang
memiliki <b>atribut</b> dan <b>nilai</b> tertentu, seperti
contoh untuk membuat warna latar belakang (background): <body
bgcolor="0000ff">, body merupakan elemen, bgcolor adalah atribut
dan 0000ff merupakan nilai (value).<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Elemen
HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup.
Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan
tag penutup " </html>" dan yang berada diantaranya merupakan
isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa
menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>,
<HTml>, <html>, semuanya adalah sama. <o:p></o:p></span></div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: 7.5pt; margin-left: 0cm; margin-right: 0cm; margin-top: 7.5pt; mso-outline-level: 3;">
<br />
<ul style="text-align: left;">
<li><b><span style="color: #006633; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Tag Dasar HTML</span></b></li>
</ul>
</div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Komponen
dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY.
Berikut ini adalah penjelasan dari Tag Elemen tersebut:<o:p></o:p></span></div>
<div style="background: border: solid #80C3A2 1.0pt; mso-border-alt: solid #80C3A2 .75pt; mso-element: para-border-div; padding: 8.0pt 8.0pt 8.0pt 8.0pt;">
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; margin-bottom: 0.0001pt; padding: 0cm;">
<span style="color: #4e4e4e; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><html> <head> <title>Disini titel
websiteku</title> </head> <body> Disini adalah konten yang
tampil di browser </body> </html><o:p></o:p></span></div>
</div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://htmlcssguides.com/samples/dasar_tag.htm" target="_self" title="Tag dasar HTML"><b><span style="color: darkcyan; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; text-decoration: none; text-underline: none;">Preview</span></b></a><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Tag
pertama pada dokumen HTML diatas adalah: " <html>" tag ini
merupakan awal dari suatu dokumen HTML, dan tag " </html>"
merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML
selalu berada diantara tag <html>…</html>.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Kemudian
tag " <head>…</head>" (header) adalah informasi dari
dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script
dll. Selain Title informasi di dalam header ini nantinya tidak akan di
tampilkan di web browser.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Tag
berikutnya adalah " <title>…</title>" merupakan bagian
dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan
tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file
contoh diatas perhatikan akan muncul tulisan "Disini titel
websiteku".<o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmgSqXldMtShpBkoP8Jsr2DswHM-l9UCf5FCeIp7BvZ-FYggbyOO_G7dP6JzsN0fSHvccpMYCQnySR2heSUVADzah2RU-fAQL5_Kgbin44dIUTZcaU8dBNZX4hS6iPilOmMdCiDPNOlb3/s1600/titel-website.jpg.png" imageanchor="1" style="background-color: margin-left: 1em; margin-right: 1em;"><span style="color: black;"><img border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmgSqXldMtShpBkoP8Jsr2DswHM-l9UCf5FCeIp7BvZ-FYggbyOO_G7dP6JzsN0fSHvccpMYCQnySR2heSUVADzah2RU-fAQL5_Kgbin44dIUTZcaU8dBNZX4hS6iPilOmMdCiDPNOlb3/s320/titel-website.jpg.png" width="320" /></span></a></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="background-color: font-family: Verdana, sans-serif; font-size: 10pt; line-height: 14.05pt;">Tag
"<body>…</body>" merupakan isi dari suatu dokumen HTML
yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format
file berupa teks, grafik, link, animasi maupun audio-video (multimedia).</span></div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: 7.5pt; margin-left: 0cm; margin-right: 0cm; margin-top: 7.5pt; mso-outline-level: 3;">
<br />
<ul style="text-align: left;">
<li><b><span style="color: #006633; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Format text HTML</span></b></li>
</ul>
</div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara
menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya,
coba tambahkan dengan tag-tag berikut ini:<o:p></o:p></span></div>
<div style="background: border: solid #80C3A2 1.0pt; mso-border-alt: solid #80C3A2 .75pt; mso-element: para-border-div; padding: 8.0pt 8.0pt 8.0pt 8.0pt;">
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; margin-bottom: 0.0001pt; padding: 0cm;">
<span style="color: #4e4e4e; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><html> <head> <title>Selamat Datang
di Websiteku</title> </head> <body> Ini adalah halaman HTML
pertamaku. <p>Aku sedang membuat paragraf dan ini contohnya.</p> <p>Ini
contoh paragraf yang lainnya.</p> <p>Ini juga paragraf mm...tapi
de-<br> ngan baris baru.<br> Ini baris baru yang lain.</p>
</body> </html><o:p></o:p></span></div>
</div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://htmlcssguides.com/samples/text_html.htm" target="_self" title="text html"><b><span style="color: darkcyan; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; text-decoration: none; text-underline: none;">Preview</span></b></a><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk
membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk
baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML
tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga
<hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:<o:p></o:p></span></div>
<div style="background: border: solid #80C3A2 1.0pt; mso-border-alt: solid #80C3A2 .75pt; mso-element: para-border-div; padding: 8.0pt 8.0pt 8.0pt 8.0pt;">
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; margin-bottom: 0.0001pt; padding: 0cm;">
<span style="color: #4e4e4e; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><html> <head> <title>Selamat Datang
di Websiteku</title> </head> <body> <hr> <h1>Ini
adalah halaman HTML pertamaku.</h1> Dikerjakan oleh: <!-- Tolong
isikan dengan nama anda --> <hr> <p>Aku sedang membuat paragraf
dan ini contohnya.</p> <p>Ini contoh paragraf yang
lainnya.</p> <p>Ini juga paragraf mm...tapi de-<br> ngan
baris baru.<br> Ini baris baru yang lain.</p> </body>
</html><o:p></o:p></span></div>
</div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://htmlcssguides.com/samples/text2_html.htm" target="_self" title="text2 html"><b><span style="color: darkcyan; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; text-decoration: none; text-underline: none;">Preview</span></b></a><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Nah..udah tau kan apa itu <hr>.
Garis Horizontal <hr> juga tidak menggunakan tag penutup. Untuk melihat
tag-tag apa saja yang tidak memerlukan tag penutup dapat dilihat di artikel
tentang </span><a href="http://htmlcssguides.com/tag-tag-html-tanpa-tag-penutup" title="Tag-tag HTML tanpa tag penutup"><b><span style="color: darkcyan; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; text-decoration: none; text-underline: none;">tag-tag html tanpa tag penutup</span></b></a><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Selanjutnya
tag <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang
biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis
mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan
yang terkecil adalah h6.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://htmlcssguides.com/samples/heading.htm" target="_self" title="Heading HTML"><b><span style="color: darkcyan; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; text-decoration: none; text-underline: none;">Preview</span></b></a><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Selanjutnya
tag <!--…--> adalah Comments digunakan untuk memasukkan (menyisipkan)
suatu komentar di dalam HTML. Suatu comments akan diabaikan oleh browser. Kamu
dapat menggunakan komentar untuk menjelaskan sesuatu hal.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.05pt; margin: 4.5pt 0cm 9pt;">
<span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Dibawah
ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :<o:p></o:p></span></div>
<div style="background: border: solid #80C3A2 1.0pt; mso-border-alt: solid #80C3A2 .75pt; mso-element: para-border-div; padding: 8.0pt 8.0pt 8.0pt 8.0pt;">
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; margin-bottom: 0.0001pt; padding: 0cm;">
<span style="color: #4e4e4e; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><html> <head></head> <body>
<hr> <h1>Ini adalah halaman HTML pertamaku.</h1> Dikerjakan
oleh: <!-- Tolong isikan dengan nama anda --> <hr> <p>Aku
sedang mempelajari format-format teks.<br> Contoh-contohnya adalah
sebagai berikut:</p> <p>Teks Normal<br> <tt>Teks mesin
ketik</tt><br> <b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br> <em>Teks miring
dengan perintah Emphasized</em><br> <u>Teks bergaris bawah
(underline)</u><br> <strike>Teks tercoret
(strike)</strike><br> <big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br> Teks
menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br>
Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p>
</body> </html><o:p></o:p></span></div>
</div>
<div class="MsoNormal" style="background: line-height: 14.05pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://htmlcssguides.com/samples/format_text1.htm" target="_self" title="format text1 html"><b><span style="color: darkcyan; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; text-decoration: none; text-underline: none;">Preview</span></b></a><span style="color: font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag
<pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau
puisi:<o:p></o:p></span></div>
<div style="background: border: solid #80C3A2 1.0pt; mso-border-alt: solid #80C3A2 .75pt; mso-element: para-border-div; padding: 8.0pt 8.0pt 8.0pt 8.0pt;">
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; margin-bottom: 0.0001pt; padding: 0cm;">
<span style="color: #4e4e4e; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><html> <body> <pre> <b> PUITUIS
ASA </b> Hari ini... Aku sedang belajar... Belajar tentang HTML. Sulit 'ntuk dimengerti,
Karena banyaknya teks-teks aneh. Tapi biarlah... Akan kucoba... Sampai
berhasil. </pre> </body> </html><o:p></o:p></span><br />
<span style="color: #4e4e4e; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></div>
</div>
<div class="MsoNormal">
<div style="text-align: left;">
<div style="text-align: left;">
</div>
<ul style="text-align: left;">
<li><b>Cara Membuat Tulisan Berjalan Pada HTML</b></li>
</ul>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;">1. Tulisan bergerak dari kanan ke
kiri </span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: #F2F2F2; line-height: 18.0pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: julee, serif; font-size: 12pt;"> <marquee
direction="left" scrollamount="2"
align="center">Dini Adistiani</marquee><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;"> hasilnya : <marquee align="center" direction="left" scrollamount="2"> Dini Adistiani</marquee> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: julee, serif; font-size: 12pt;">
2. Tulisan bergerak dari kiri ke kanan</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: #F2F2F2; line-height: 18.0pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: julee, serif; font-size: 12pt;"> <marquee
direction="right" scrollamount="2"
align="center">Dini Adistiani</marquee><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;"> hasilnya : <marquee align="center" direction="right" scrollamount="2"> Dini Adistiani</marquee> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: julee, serif; font-size: 12pt;">
3. Teks bergerak bolak balik ( mondar - mandir )
dari kiri ke kanan</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: #F2F2F2; line-height: 18.0pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: julee, serif; font-size: 12pt;"><marquee direction="left"
scrollamount="2" align="center"
behavior="alternate">Dini Adistiani</marquee><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;">hasilnya :<marquee align="center" behavior="alternate" direction="left" scrollamount="2"> Dini Adistiani </marquee> </span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: julee, serif; font-size: 12pt;"><span 12.0pt="" font-family:="" font-size:="" imes="" in="" mso-fareast-font-family:="" mso-fareast-language:="" new="" quot="" roman="" serif="" style="background: >4. Teks bergerak dari atas ke bawah</span></span><span style=;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="background: #F2F2F2; line-height: 18.0pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: julee, serif; font-size: 12pt;">4. </span><span style="font-family: julee, serif; font-size: 16px;">Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri</span><br />
<span style="font-family: julee, serif; font-size: 12pt;"><marquee
direction="down" scrollamount="2"
align="center">Dini Adistiani</marquee></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;"> hasilnya : <marquee align="center" direction="down" scrollamount="2"> Dini Adistiani </marquee> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: julee, serif; font-size: 12pt;">5. Teks bergerak dari bawah ke atas</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: #F2F2F2; line-height: 18.0pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: julee, serif; font-size: 12pt;"> <marquee direction="up"
scrollamount="2" align="center">Dini Adistiani</marquee><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;">hasilnya :<marquee align="center" direction="up" scrollamount="2">Dini Adistiani </marquee> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: julee, serif; font-size: 12pt;">6. Teks bergerak zig - zag ( diagonal ) memantul</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: #F2F2F2; line-height: 18.0pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: julee, serif; font-size: 12pt;"> <center><marquee
direction="up" scrollamount="2" align="center"
behavior="alternate" width="90%"><marquee
direction="right" behavior="alternate">Dini Adistiani</marquee></marquee></center><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;"> hasilnya : </span><br />
<center>
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;"><marquee align="center" behavior="alternate" direction="up" scrollamount="2" width="90%"><marquee behavior="alternate" direction="right"> Dini Adistiani</marquee></marquee></span></center>
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: julee, serif; font-size: 12pt;">7. Teks bergerak zig - zag ( diagonal ) tembus</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: #F2F2F2; line-height: 18.0pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="font-family: julee, serif; font-size: 12pt;"> <center><marquee
direction="up" scrollamount="2" align="center"
behavior="alternate" width="90%"><marquee
direction="right">Dini Adistiani</marquee></marquee></center><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;">hasilnya : </span><br />
<center>
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;"><marquee align="center" behavior="alternate" direction="up" scrollamount="2" width="90%"><marquee direction="right"> Dini Adistiani</marquee></marquee></span></center>
<center>
<span style="background-color: background-position: initial initial; background-repeat: initial initial; font-family: julee, serif; font-size: 12pt;"><marquee align="center" behavior="alternate" direction="up" scrollamount="2" width="90%"><marquee direction="right"><br /></marquee></marquee></span></center>
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: julee, serif; font-size: 12pt;">Tambahan :<br />
<!--[if !supportLineBreakNewLine]--><br />
<!--[endif]--></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<ul type="disc">
<li class="MsoNormal" style="background-color: background-position: initial initial; background-repeat: initial initial; line-height: 18pt;"><span style="font-family: "julee","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Direction : untuk mengatur pola gerakan teks
(left, right, up dan down)<o:p></o:p></span></li>
<li class="MsoNormal" style="background-color: background-position: initial initial; background-repeat: initial initial; line-height: 18pt;"><span style="font-family: "julee","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Scrollamount : untuk mengatur kecepatan gerakan
teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan
sebaliknya.<o:p></o:p></span></li>
<li class="MsoNormal" style="background-color: background-position: initial initial; background-repeat: initial initial; line-height: 18pt;"><span style="font-family: "julee","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Behavior ( scroll/slide/alternate ): untuk
mengatur prilaku gerakan.<o:p></o:p></span></li>
<li class="MsoNormal" style="background-color: background-position: initial initial; background-repeat: initial initial; line-height: 18pt;"><span style="font-family: "julee","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk menambahkan <b>background</b>, <b>padding</b>, <b>border</b>, <b>color</b>,
dll pada marquee, silahkan sisipkan kode marquee antara kode berikut<o:p></o:p></span></li>
</ul>
<div class="MsoNormal" style="background: #F2F2F2; line-height: 15.6pt;">
<span style="font-family: julee, serif; font-size: 12pt;"><div style="background: #000000; border: 2px
solid #FF0000; color: white; font-size: 20px; font-weight: bold;
letter-spacing: 0.5em; padding: 15px;"><br />
<b><marquee direction="left" scrollamount="6"
align="center">Dini Adistiani</marquee></b><br />
</div><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: julee, serif; font-size: 12pt;"><br />
hasilnya : </span><br />
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<span style="font-family: julee, serif; font-size: 12pt;"><marquee align="center" direction="left" scrollamount="6"> Dini Adistiani </marquee> </span></div>
</div>
</div>
<br />
hihihi contohnya pake nama Bu Dini guru Produktif TKJ hhe mohon ma'af ya Buu :D<br />
Sekian penjelasan dari saya, semoga bermanfaat :)
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.ungu.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.merah.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.putih.js" type="text/javascript"></script>
<script src="http://masterendi.googlecode.com/files/salju.js"></script>
</div>
Unknownnoreply@blogger.com1