Scribd
Unggah
7 tayangan

Pengenalan HTML CSS Bootstrap

HTML adalah bahasa markup untuk membuat halaman web, terdiri dari elemen dengan tag pembuka dan penutup. Elemen HTML dapat memiliki atribut untuk mengontrol tampilan, dan struktur dasar mencakup heading, paragraf, tabel, dan daftar. CSS digunakan untuk mendesain tampilan HTML, dengan berbagai jenis seperti inline, internal, dan external, serta adanya framework untuk memudahkan pengembangan.

Diunggah oleh

Johnny Joestar
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
7 tayangan

Pengenalan HTML CSS Bootstrap

HTML adalah bahasa markup untuk membuat halaman web, terdiri dari elemen dengan tag pembuka dan penutup. Elemen HTML dapat memiliki atribut untuk mengontrol tampilan, dan struktur dasar mencakup heading, paragraf, tabel, dan daftar. CSS digunakan untuk mendesain tampilan HTML, dengan berbagai jenis seperti inline, internal, dan external, serta adanya framework untuk memudahkan pengembangan.

Diunggah oleh

Johnny Joestar
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
Anda di halaman 1/ 18

Apa itu?

HTML
HTML
HTML merupakan singkatan dari HyperText Markup
Language. HTML adalah sebuah bahasa markup yang
digunakan untuk membuat sebuah halaman web
Format ekstensi dari HTML adalah .html
Struktur
Struktur html terdiri dari elemen elemen yang berisi tag html,
tag html sendiri ada pembuka dan penutup yang berfungsi
sebagai pembungkus konten tersebut.

<namatag> isi didalam tag </namatag>

contoh elemen htmlnya


<h1>Hello Word</h1>
Element & Atribut
HTML
Elemen HTML adalah blok bangunan utama dalam sebuah
halaman web. Elemen terdiri dari tag pembuka, isi, dan tag
penutup.

Atribut adalah informasi tambahan yang diberikan pada


elemen untuk mengontrol tampilan atau fungsinya.
contohnya :
id = berfungsi sebagai identitas unik elemen
class = mengelompokan elemen yang sama
style = berfungsi untuk menambahkan css langsung
href = menentukan alamat tautan pada <a>
src = menentukan sumber gambar pada <img>
Tittle & Favicon
HTML
Title adalah teks yang muncul di tab browser. Berada di
dalam <head> dan membantu SEO & aksesibilitas.

Favicon adalah ikon kecil yang muncul di tab browser


sebelah title. Favicon meningkatkan branding dan
mempermudah pengguna mengenali website.
Url
URL (Uniform Resource Locator) adalah alamat yang
digunakan untuk mengakses file atau halaman di web.
dalam html memiliki 2 jenis url
Absolute URL
Relative URL
Absolute
Url
Absolute Url adalah URL lengkap yang mencantumkan protokol
(http/https) dan domain. Biasanya digunakan untuk menautkan ke
situs eksternal. kelebihan dari absolute url bisa digunakan di mana
saja, cocok untuk link eksternal kekurangannya adalah jika domain
berubah, semua link harus diperbarui
Relative
Url
URL yang hanya menunjukkan lokasi file berdasarkan struktur folder.
Biasanya digunakan untuk menautkan file dalam website yang sama.
kelebihan relative url Lebih fleksibel, cocok untuk website internal.
sedangkan kekurangannya Tidak bisa digunakan untuk mengakses situs
lain
Heading & Paragraf
HTML
Heading digunakan untuk judul dan subjudul. Urutan
heading menunjukkan tingkat kepentingan (h1 paling
besar, h6 paling kecil).

Paragraf digunakan untuk menampilkan teks biasa


dalam HTML. Setiap paragraf otomatis memiliki jarak
antar baris untuk keterbacaan.
Tabel
HTML
Tabel digunakan untuk menampilkan data dalam bentuk baris dan
kolom di halaman web. Struktur tabel terdiri dari elemen :
<table> → Membungkus seluruh tabel
<tr> → Baris dalam tabel
<th> → Header kolom (teks tebal)
<td> → Sel dalam tabel
Beberapa atribut penting untuk mempercantik tabel:
border="1" → Menampilkan garis tabel
colspan → Menggabungkan kolom
rowspan → Menggabungkan baris
List
List digunakan untuk menampilkan daftar item dalam
format terstruktur. pada html terdapat 2 jenis list yaitu
unordered list dan ordered list
Unordered List
HTML
Digunakan untuk daftar yang tidak berurutan (bullet
points). Item ditandai dengan simbol default (•), bisa
diubah dengan CSS.
Ordered List
HTML
Digunakan untuk daftar yang berurutan (angka, huruf,
atau romawi). Defaultnya bernomor 1, 2, 3, ..., bisa
diubah dengan atribut type.
QNA
Session
CSS
Cascading Style Sheets atau disinkat CSS adalah
kumpulan kode program yang digunakan untuk
mendesain atau mempercantik tampilan halaman HTML.
Dengan CSS kita bisa mengubah desain dari text, warna,
gambar dan latar belakang dari (hampir) semua kode tag
HTML.
Macam Macam
CSS
Inline CSS
kode css yg berada langsung dalam tag HTML

Internal CSS
kode css yang ditempatkan antara tag <head> </head>

External CSS
kode css yang ditempatkan pada file yang berbeda dan harus di
panggil melalui tag <link> pada tag <head>
CSS
Framework
CSS framework merupakan sebuah kerangka kerja yang memiliki fungsi
bagi para developer untuk memudahkan dalam mendesain sebuah
website atau aplikasi.
Dalam CSS framework ini akan berisi berbagai kumpulan kode CSS yang
siap untuk digunakan.
Contoh css framework seperti bootstrap, tailwind dan lain lain
Thank
You

Anda mungkin juga menyukai