Apa Itu HTML ?
Hyper Text Markup Language
HTML bukan bahasa pemrograman, adalah bahasa markup
Sebuah bahasa markup adalah seperangkat tag markup
HTML menggunakan tag markup untuk menjelaskan halaman web
Apa Tag HTML itu ?
Tag HTML
HTML markup tag biasanya disebut tag HTML
Extension apa untuk save ?
agan save dengan .html atau .htm diantara kedua itu tidak ada perbedaan, jadi teserah agan pilih yang mana
Tag HTML adalah kata kunci dikelilingi oleh sudut kurung seperti <html>
Tag HTML biasanya datang dalam pasangan seperti <b> dan </ b>
Tag pertama dalam pasangan adalah tag pembuka, tag kedua adalah tag akhir
Mulai dan tag akhir juga disebut tag pembuka dan tag penutup
Tujuan dari web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman tersebut:
UNTUK membuat HTML kita bisa pakai Notepad kali ini Notepad juga ada yang lebih bagus lagi yaitu Notepad ++ (Silahkan Download di FileHippo) atau disini kalo mau test CLICK ME
HTML Code:
<html> <body> <h1>Nama Awal</h1> <p>Paragraf Pertama Saya.</p> </body> </html>
Teks di antara <html> dan </ html> menjelaskan halaman web
Teks di antara <body> dan </ body> adalah isi halaman yang terlihat
Teks di antara <h1> dan </ h1> ditampilkan sebagai judul
Teks di antara <p> dan </ p> ditampilkan sebagai sebuah paragraf
Untuk Judul = HTML Headings
untuk Judul memiliki batas ukuran <h1> sampai <h6>
<h1>Contoh</h1> = Contoh
<h2>Contoh</h2> = Contoh
<h3>Contoh</h3> = Contoh
dan seterus nya jadi <h1> adalah paling besar untuk ukuran judul
Untuk Paragraf = HTML Paragraphs
Paragraf HTML didefinisikan dengan tag <p>.
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML Links
Link HTML didefinisikan dengan tag <a>.
Contoh
HTML Code:
<a href="www.megozone.co.tv">CLICK ME</a>
CLICK ME
Untuk Gambar = HTML Images
Codenya <img>
Contoh :
Quote:
| <img src="http://img.kaskus.us/images/Template_kaskus-LOGO_seasonal_radio.jpg"/> |
Untuk yang tulisan merah itu adalah link gambar agan. untuk cara membuat link gambar agan atau juga langsung membuat cod HTML nya ada Upload aja di http://tinypic.com
Untuk Membuat longkap 1 garis gunakan kode <br> dan penutupnya </br>
Menebalkan Text(bold) = <b> Contoh </b> = Contoh
Text Miring (italic) = <i> Contoh </i> = Contoh
Spoiler for kamus:
HTML Code:
HTML Text Formatting Tags Tag =Description <b> =Defines bold text <big> =Defines big text <em> =Defines emphasized text <i> =Defines italic text <small> =Defines small text <strong> =Defines strong text <sub> =Defines subscripted text <sup> =Defines superscripted text <ins> =Defines inserted text <del> =Defines deleted text HTML "Computer Output" Tags Tag =Description <code> =Defines computer code text <kbd> =Defines keyboard text <samp> =Defines sample computer code <tt> =Defines teletype text <var> =Defines a variable <pre> =Defines preformatted text HTML Citations, Quotations, and Definition Tags Tag Description <abbr> =Defines an abbreviation <acronym> =Defines an acronym <address> =Defines contact information for the author/owner of a document <bdo> =Defines the text direction <blockquote> =Defines a long quotation <q> =Defines a short quotation <cite> =Defines a citation <dfn> =Defines a definition term
Edit Font : <font face="verdana"> dan di akhiri dengan </font>
Edit Warna Text : <font color="red"> dan di akhiri dengan </font>
Edit Ukuran Text : <font size="5"> dan di akhiri dengan </font>
bisa juga agan gabungin semuanya <font size="5" color="red" face="verdana">
dan isi tulisannya kau disini </font>
mau edit bagian Judulnya juga (Heading) tentu bisa <h1> yg ini agan ganti jadi
HTML Code:
<h1 style="font-family:verdana;">JUDUL</h1>
HTML Code:
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
HTML Code:
<body style="background-color:red;">Sampe situ dulu yah gan ane ngantuk nanti ane update kok
Sumber : Kaskus
Nice Share gan, ane tau blog ente dari temen ente juga si Amir, hehe [ Visit My Official Blog ]
ReplyDelete