Anda di halaman 1dari 3

HTML TUTORIAL

HTML tidak peka huruf besar/kecil tetapi W3C merekomendasikan huruf kecil dalam
HTML, dan menuntut huruf kecil
Disarankan menggunakan Kutip untuk Nilai Atribut

 HTML ELEMEN
Elemen ditulis : <tagname>Content goes here...</tagname>
<html>elemen yang mendefinisikan seluruh dokumen HTML. </html>
<body>mendefinisikan badan dokumen. </body>
<h1>mendefinisikan heading. </h1>
<p>mendefinisikan sebuah paragraf. </p>
Elemen HTML kosong
Elemen HTML tanpa konten disebut elemen kosong. Exemple:
Tag <br>mendefinisikan jeda baris, dan merupakan elemen kosong tanpa tag penutup:
HTML Tidak Peka Huruf Besar-kecil
Tag HTML tidak peka huruf besar/kecil tetapi W3C merekomendasikan huruf kecil
dalam HTML, dan menuntut huruf kecil

 HTML ATTRIBUT
Semua elemen HTML dapat memiliki atribut
Disarankan menggunakan tanda Kutip untuk Nilai Atribut
Atribut biasanya berupa pasangan nama/nilai seperti: name="value" Exemple:
Atribut title mendefinisikan beberapa informasi tambahan tentang suatu elemen
Atribut href menentukan <a> URL halaman yang dituju oleh tautan
Atribut src menentukan <img> jalur ke gambar yang akan ditampilkan
Atribut width dan height memberikan <img>informasi ukuran untuk gambar
Atribut alt menyediakan <img> teks alternatif untuk gambar
Atribut style digunakan untuk menambahkan gaya ke suatu elemen, seperti warna,
font, ukuran, dan lainnya
Atribut lang tag <html> menyatakan bahasa halaman Web

 HTML HEADING
Heading HTML didefinisikan dengan tag <h1> to <h6>.
Setiap heading HTML memiliki ukuran default. Namun, Anda dapat menentukan
ukuran judul dengan styleatribut tersebut, menggunakan properti CSS font-size:

 HTML PARAGRAF
Elemen HTML <p>mendefinisikan sebuah paragraf.
Paragraf selalu dimulai pada baris baru, dan browser secara otomatis menambahkan
spasi putih (margin) sebelum dan sesudah paragraf.
Elemen ini <hr>digunakan untuk memisahkan konten menggunakan garis horizontal
Elemen HTML <pre> digunakan untuk menampilkan text seperti yang kita tulis

 HTML STYLE
Sintaxs style <tagname style="property:value;">
Ubah warna background
<p style="background-color:blue;">backgroon body jadi blue</p>
<p style="background-color:tomato;">baghroon p jadi tomato</p>

Ubah warna tag


<h1 style="color:blue;">warna h1 jadi blue</h1>
<p style="color:red;">warna paragraph jadi red</p>

Ubah gaya tulisan


<h1 style="font-family:verdana;">Tulisan dengan gaya verdana</h1>

Ubah ukuran text


<h1 style="font-size:300%;">berukuran 300% dari aslinya</h1>
<p style="font-size:15px;">Tulisan berukuran 15px</p>

Perataan text
<h1 style="text-align:center;">tulisan rata tengah</h1>

 HTML FORMATTING
Elemen pemformatan dirancang untuk menampilkan jenis teks
khusus:

<b>- Teks tebal


<strong>- Teks penting
<i>- Teks miring
<em>- Teks yang ditekankan
<mark>- Teks yang ditandai
<small>- Teks lebih kecil
<del>- Teks yang dihapus
<ins>- Teks yang disisipkan
<sub>- Teks subskrip
<sup>- Teks superskrip

 HTML QUOTATION
 HTML COOMENTS
 HTML COLOR
 HTML CSS
 HTML LINK
 HTML IMAGES
 HTML FAVICON
 HTML PAGE TITLES
 HTML TABLES
 HTML LIST
 HTML BLOCK AND INLINE
 HTML CLASS
 HTML ID
 HTML IFRAME
 HTML JAVASCRIPT
 HTML FILE PATHS
 HTML LAYOUT
 HTML RESPONSIF
 HTML COMPUTER CODE
 HTML SMATIC
 HTML STYLE GUIDE
 HTML ENTITIES
 HTML SIMBOLS
 HTML EMOGIS
 HTML CHARSET
 HTML URL ENCODE
 HTML VS XHTML

Anda mungkin juga menyukai