Scribd
Unggah
52 tayangan15 halaman

Dasar-Dasar HTML Dan CSS

Dokumen ini membahas dasar-dasar HTML dan CSS. Dokumen ini menjelaskan penggunaan elemen-elemen dasar HTML seperti head, body, paragraph, table, dan lainnya. Dokumen ini juga menjelaskan penggunaan CSS untuk mengatur tampilan dan tata letak konten web.

Diunggah oleh

nia milla
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 PDF, TXT atau baca online di Scribd
52 tayangan15 halaman

Dasar-Dasar HTML Dan CSS

Dokumen ini membahas dasar-dasar HTML dan CSS. Dokumen ini menjelaskan penggunaan elemen-elemen dasar HTML seperti head, body, paragraph, table, dan lainnya. Dokumen ini juga menjelaskan penggunaan CSS untuk mengatur tampilan dan tata letak konten web.

Diunggah oleh

nia milla
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 PDF, TXT atau baca online di Scribd

Dasar-dasar HTML dan CSS

Kenapa HTML?
● HTML (HyperText Markup Language) digunakan untuk membuat dan menyusun konten pada halaman web

● Langkah pertama dalam belajar membuat web page

● HTML menyediakan struktur dan konten dari sebuah halaman web, seperti teks, gambar, tabel, dll
Document Type dan HTML element
Deklarasi document-type menentukan tipe dan versi dokumen
yang akan dieksekusi oleh browser. Pada contoh ini, kita
mendeklarasikan HTML5.

HTML element adalah root dari sebuah dokumen HTML,


dideklarasikan setelah document type.
Struktur File HTML
1. HTML Element:
Bagian dari HTML yang menggunakan syntax:
opening tag + content + closing tag

2. HTML Tag
● <p> is the opening tag.
● Hello World! is the content.
● </p> is the closing tag.
Head Element
Head element berisi informasi-informasi tentang halaman HTML. Informasi-informasi ini disebut
metadata. Head element juga berisikan <title> dan link-link pada sumber eksternal.

Title Element
Berisi teks yang menunjukkan judul dari
halaman web. Title ini akan ditunjukkan di
tab pada browser
Body Element
Body element menunjukkan konten dari sebuah halaman web.
Konten di dalam tag <body> inilah yang akan di-render oleh web browser.
Attribute pada elemen
Attribute digunakan untuk mengkonfigurasi atau menentukan behavior dari suatu elemen.
Elemen-elemen yang sering dipakai

Selengkapnya ada di Codesandbox


HTML Table
Elements:

● Table <table>
● Table row <tr>
● Table data <td>
● Table head <thead>
● Table heading <th>
● Table body <tbody>
● Table footer <tfoot>

Attribute:

● rowspan: define span row


● colspan: define span column
CSS
Cascading Style Sheets
Dimana CSS dideklarasikan?
Di dalam file HTML Di dalam file terpisah
CSS Selectors
● Id
● Class
● HTML tag
● Universal

Learn on w3schools here


CSS Properties
● Width
● Height
● Margin
● Padding
● Position
● Font size
● Font family

[Link]
Latihan
Membuat Website Sederhana
[Link]

Anda mungkin juga menyukai