Scribd
Unggah
31 tayangan

HTML Tutorial

Dokumen ini membahas tentang tutorial dasar HTML. HTML tidak peka huruf besar kecil tetapi direkomendasikan menggunakan huruf kecil. Dokumen ini menjelaskan berbagai elemen dasar HTML seperti <html>, <body>, <h1>, <p>, dan lainnya. Selain itu juga menjelaskan atribut HTML, heading, paragraf, penggunaan style, dan formatting teks dalam HTML.

Diunggah oleh

Roby Sunjaya
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
31 tayangan

HTML Tutorial

Dokumen ini membahas tentang tutorial dasar HTML. HTML tidak peka huruf besar kecil tetapi direkomendasikan menggunakan huruf kecil. Dokumen ini menjelaskan berbagai elemen dasar HTML seperti <html>, <body>, <h1>, <p>, dan lainnya. Selain itu juga menjelaskan atribut HTML, heading, paragraf, penggunaan style, dan formatting teks dalam HTML.

Diunggah oleh

Roby Sunjaya
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 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