Scribd
Unggah
2 tayangan15 halaman

Panduan Dasar HTML untuk Pemula

Dokumen ini menjelaskan tentang HTML, bahasa pemrograman standar untuk membuat halaman web. Terdapat penjelasan mengenai struktur HTML, elemen dan atribut, serta format teks, media, dan penggunaan div, class, dan ID. Selain itu, juga dibahas tentang elemen blok dan inline serta pentingnya semantik dalam HTML.

Diunggah oleh

Chevalier Mz
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 PPTX, PDF, TXT atau baca online di Scribd
2 tayangan15 halaman

Panduan Dasar HTML untuk Pemula

Dokumen ini menjelaskan tentang HTML, bahasa pemrograman standar untuk membuat halaman web. Terdapat penjelasan mengenai struktur HTML, elemen dan atribut, serta format teks, media, dan penggunaan div, class, dan ID. Selain itu, juga dibahas tentang elemen blok dan inline serta pentingnya semantik dalam HTML.

Diunggah oleh

Chevalier Mz
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 PPTX, PDF, TXT atau baca online di Scribd

Introduction to

HTML
HTML adalah singkatan dari HyperText Markup Language yaitu
bahasa pemrograman standar yang digunakan untuk
membuat sebuah halaman web, yang kemudian dapat diakses
untuk menampilkan berbagai informasi di dalam sebuah
browser.
HTML Structure
DOCTYPE Declaration 1
DOCTYPE menjadi pengenal bagi browser
maupun programmer file ini berisikan
dokumen yang akan dieksekusi 2 HTML Element
menggunakan HTML Untuk memulai bagian HTML
<!DOCTYPE html> <html></html>
Head Element 3
Untuk membuat bagian head
<head></head>
4 Body Element

Untuk membuat bagian body


<body></body>
HTML Elements and
Attributes
Elements

Elemen dalam HTML adalah sebuah komponen yang menyusun


html. Mendefinisikan sebuah konten, seperti headings,
paragraphs, images, links

Attributes

Atribut adalah kata kunci khusus yang berada di tag


pembuka, dapat mengatur perilaku dari element

Example

<img src="[Link]" alt="Description of image">


HTML Text Formatting

1 Heading Elements 2 Paragraph Elements

3 Formatting Elements 4 Link element


Favicon and Page Title
Favicon

Ditampilkan di sebelah kiri judul website

Page Title

Judul dari website


Media
Img, video, audio

Ditampilkan di sebelah kiri judul website

Page Title

Judul dari website


Div, Class, and ID

Div Element
Div Element digunakan untuk mengelompokkan element

Class Attribute

Class Attribut digunakan untuk memberikan gaya


yang sama ke beberapa elemen.

ID Attribute

Id attribut digunakan untuk mengidentifikasi elemen secara unik.


Tabel
Form
Special Characters

Dalam HTML dapat digunakan simbol


tertentu yang dapat digunakan untuk
mewakili/mengganti suatu karakter.
HTML Block and Inline Elements
Block Elements Inline Elements

blok elemen pada HTML akan memenuhi Tidak akan memenuhi lebar komponen
100% dari lebar komponen atasnya nya, akan memanjang sesuai dengan
konten nya.
Examples: <p>, <h1>, <div>, <ul>, <li> Examples: <a>, <span>, <strong>, <em>, <img>
Semantik HTML
Semantik ini dapat mempermudah kita dalam keterbacaan kode, pada
contohnya, jika ingin membuat navigasi sebaiknya itu menggunakan <nav>
Training Task
Training Task
Training Task

Anda mungkin juga menyukai