02 PENGENALAN HTML DAN SYNTAK DASAR HTML - Copy.ppt
bradinformatika
6 views
9 slides
Sep 15, 2025
Slide 1 of 9
1
2
3
4
5
6
7
8
9
About This Presentation
Pengenalan HTML dan Syntax Dasar
Slide Content
PENGENALAN HTML DAN
SYNTAX DASAR
SYNTAX DASAR
PENGENALAN HTML
1.HTML merupakan bahasa markup standar untuk
membuat halaman web
2.HTML mendeskripsikan struktur dari halaman web
menggunakan markup
3.Elemen-elemen HTML adalah blok-blok yang membangun
halaman HTML
4.Elemen-elemen HTML direpresentasikan melalui tags
1.HTML merupakan bahasa markup standar untuk
membuat halaman web
2.HTML mendeskripsikan struktur dari halaman web
menggunakan markup
3.Elemen-elemen HTML adalah blok-blok yang membangun
halaman HTML
4.Elemen-elemen HTML direpresentasikan melalui tags
PENGENALAN HTML
4.Web Browser tidak menampilkan tag HTML, tetapi
menggunakannya untuk me-render konten halaman web
5.Bahasa markup bukan bahasa pemrograman. Oleh karena
itu, penyebutan bahasa pemrograman HTML adalah
kurang tepat
6.Editor yang dapat digunakan untuk membuat halaman
HTML antara lain:
Notepad, Notepad++,Sublime,Dreamweaver,Atom,dll
4.Web Browser tidak menampilkan tag HTML, tetapi
menggunakannya untuk me-render konten halaman web
5.Bahasa markup bukan bahasa pemrograman. Oleh karena
itu, penyebutan bahasa pemrograman HTML adalah
kurang tepat
6.Editor yang dapat digunakan untuk membuat halaman
HTML antara lain:
Notepad, Notepad++,Sublime,Dreamweaver,Atom,dll
STRUKTUR DASAR HTML
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
{ Tempat untuk coding }
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
{ Tempat untuk coding }
</body>
</html>
PENJELASAN STRUKTUR DASAR HTML
HTML
Dokumen HTML harus diawali dengan tag <html> dan diakhiri
dengan </html>
Digunakan untuk memberi tahu kepada web browser bahwa yang
berada dalam kedua tag tersebut adalah dokumen HTML
Tips:
Setelah menulis tag pembuka <html>, tulis tag penutupnya
</html> untuk mencegah lupa.Gunakan untuk setiap tag yg
memiliki tag pembuka&penutup
HTML
Dokumen HTML harus diawali dengan tag <html> dan diakhiri
dengan </html>
Digunakan untuk memberi tahu kepada web browser bahwa yang
berada dalam kedua tag tersebut adalah dokumen HTML
Tips:
Setelah menulis tag pembuka <html>, tulis tag penutupnya
</html> untuk mencegah lupa.Gunakan untuk setiap tag yg
memiliki tag pembuka&penutup
PENJELASAN STRUKTUR DASAR HTML
HEAD
•Bagian header dalam dokumen HTML
•Biasanya berisi judul halaman web
Bentuk umum:
<HEAD>
<TITLE>
Judul ini akan ditampilkan pada bagian atas web browser
</TITLE>
</HEAD>
HEAD
•Bagian header dalam dokumen HTML
•Biasanya berisi judul halaman web
Bentuk umum:
<HEAD>
<TITLE>
Judul ini akan ditampilkan pada bagian atas web browser
</TITLE>
</HEAD>
PENJELASAN STRUKTUR DASAR HTML
BODY
1.Bagian isi dari dokumen HTML
2.Dapat disisipkan teks, gambar, video maupun link
3.Isi yang ada di dalam body akan ditampilkan pada halaman web
4.Tag Body dapat pula ditambahkan atribut BGCOLOR untuk
pewarnaan background dan warna tulisan dengan TEXT diisi nilai
warna
<BODY BGCOLOR="yellow" TEXT="red">
BODY
1.Bagian isi dari dokumen HTML
2.Dapat disisipkan teks, gambar, video maupun link
3.Isi yang ada di dalam body akan ditampilkan pada halaman web
4.Tag Body dapat pula ditambahkan atribut BGCOLOR untuk
pewarnaan background dan warna tulisan dengan TEXT diisi nilai
warna
<BODY BGCOLOR="yellow" TEXT="red">
PENJELASAN STRUKTUR DASAR HTML
LATIHAN
Buatlah tulisan seperti di atas menggunakan <h1>. Nama File
tulisanpertamaku.html
Buatlah tulisan seperti di atas menggunakan <h1>. Nama File
tulisanpertamaku.html
Tags
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 6
- Slides 9
- Age 79 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
32 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
35 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
32 views
14
Fertility awareness methods for women in the society
Isaiah47
30 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
28 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
30 views