SlideShare a Scribd company logo
7
Most read
8
Most read
9
Most read
Dasar pemrograman web HTML
MATERI 
HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY 
HTML FORMAT TEKS Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule) 
HTML DAFTAR URUTAN Element OL(ordered list), Element UL(unordered list), Element LI(list item)
HTML TABEL Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data) 
HTML GAMBAR Element IMG 
HTML HYPERLINK Element A 
HTML FORM Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA 
HTML FRAME Element FRAMESET, Element FRAME, Element NOFRAMES
HTML 
HTML: HYPERTEXT MARKUP LANGUAGE 
Hyper Text Markup Language (HTML) merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). 
HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik.
HTML AUTHORING 
HTML authoring: software yang digunakan untuk membuat atau mendesain halaman web. 
Contoh: 
Macromedia Dreamweaver, 
Adobe GoLive, 
Microsoft FrontPage 
Namo Web Editor
STRUKTUR DASAR HTML 
HTML merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. 
Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. 
Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). 
Sebuah halaman web minimal mempunyai empat buat tag, yaitu : <HTML> Sebagai tanda awal dokumen HTML. <HEAD> Sebagai informasi page header. 
Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META. <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
STRUKTUR DASAR HTML 
<html> 
<head><title>Judul halaman web</title></head> 
<body> 
Isi dari halaman web 
</body> 
</html>
CONTOH 
<html> <head> <title>belajar html</title> </head> <body bgcolor="#ffffff" background="images/gambar1.gif" text="#ff0000"> letakkan text, images, dan link anda di sini </body> </html>
TAGS HTML 
<title>...</title> 
Digunakan untuk menampilkan judul pada halaman web di browser. 
Contoh: 
<title>Belajar HTML</title>
<P>...</P> 
Digunakan untuk membuat paragraf baru. 
Contoh: 
<p>Teks yang pendek atau panjang</p>

More Related Content

PPTX
PEMROGRAMAN WEB 1.pptx
PPTX
Presentasi konsep dasar html
PPTX
Bootstrap
PDF
HTML Dasar : #7 Hyperlink
PPT
Materi CSS Dasar
PPTX
FLOWCHART.pptx
PDF
HTML Dasar : #8 Image
PDF
HTML Dasar : #6 List
PEMROGRAMAN WEB 1.pptx
Presentasi konsep dasar html
Bootstrap
HTML Dasar : #7 Hyperlink
Materi CSS Dasar
FLOWCHART.pptx
HTML Dasar : #8 Image
HTML Dasar : #6 List

What's hot (20)

PDF
CSS Dasar #2 : Anatomy CSS
PDF
CSS Layouting #5 : Position
PDF
CSS Dasar #5 : Text Styling
PPTX
Microsoft Excel Formula (Rumus-rumus ms. Excel)
PDF
Pengenalan Dasar Web
DOCX
Fungsi menu dan ikon microsoft word
PPTX
Function dalam PHP
PDF
Javascript
PDF
CSS Layouting #3 : Box Model
PDF
CSS Layouting #4 : Float
PDF
Data Management (Basis Data Berbasis Dokumen)
PDF
HTML Dasar : #9 Tabel
PDF
Metodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi Informasi
PPTX
html-table
PPTX
Belajar Web HTML – Modul 6 Hyperlink
PPTX
Html power point
PDF
HTML Dasar : #10 Form
PDF
CSS Layouting #1 : Display
PDF
Normalisasi Basis Data (Revisi)
CSS Dasar #2 : Anatomy CSS
CSS Layouting #5 : Position
CSS Dasar #5 : Text Styling
Microsoft Excel Formula (Rumus-rumus ms. Excel)
Pengenalan Dasar Web
Fungsi menu dan ikon microsoft word
Function dalam PHP
Javascript
CSS Layouting #3 : Box Model
CSS Layouting #4 : Float
Data Management (Basis Data Berbasis Dokumen)
HTML Dasar : #9 Tabel
Metodologi Penelitian pada Bidang Ilmu Komputer dan Teknologi Informasi
html-table
Belajar Web HTML – Modul 6 Hyperlink
Html power point
HTML Dasar : #10 Form
CSS Layouting #1 : Display
Normalisasi Basis Data (Revisi)
Ad

Viewers also liked (8)

PDF
Pemrograman web modul 1 dan 2
PDF
Modul dasar pemrograman web
PDF
Buku pemrograman web html-css-javascript
PDF
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
PDF
Teknik Pengendalian Expossure Bagian ke-2 - Aperture (format PDF)
PDF
Teknik dasar fotografi
PPTX
Konsep dasar web
DOCX
modul pemrograman web dengan dreamweaver, sql & php
Pemrograman web modul 1 dan 2
Modul dasar pemrograman web
Buku pemrograman web html-css-javascript
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Teknik Pengendalian Expossure Bagian ke-2 - Aperture (format PDF)
Teknik dasar fotografi
Konsep dasar web
modul pemrograman web dengan dreamweaver, sql & php
Ad

Similar to Dasar pemrograman web HTML (20)

PPTX
MEDIA BELAJAR PENGANTAR HTML.pptx
DOCX
Html dasar
PPTX
Training HTML
PDF
PPTX
Pertemuan3 html dasar................................
PPTX
dokumen.tips_presentasi-konsep-dasar-html.pptx
PPT
MODUL PEMROGRAMAN WEB PERTEMUAN PERTAMA.ppt
PPT
Materi_8_-_Pengenalan_HTML_-_Revisi1.ppt
PDF
DASAR HTML
PPT
pengenalam pemrograman web lanjut untuk mahasiswa
PPT
Penggunaan html
PPT
Materi_Pengenalan_HTML_Revisi.ppt
PPSX
Pengenalan internet 10
PPTX
PPT_HTML_DASAR.pptx
DOCX
Belajar html
PPTX
Materi Dasar-Dasar HTML (struktur, elemen, tabel, formulir).pptx
PPTX
PPT_HTML_DASAR.pptx
PDF
Bab i. html
PPT
fdokumen.com_pengantar-html-56a0e352ed109.ppt
MEDIA BELAJAR PENGANTAR HTML.pptx
Html dasar
Training HTML
Pertemuan3 html dasar................................
dokumen.tips_presentasi-konsep-dasar-html.pptx
MODUL PEMROGRAMAN WEB PERTEMUAN PERTAMA.ppt
Materi_8_-_Pengenalan_HTML_-_Revisi1.ppt
DASAR HTML
pengenalam pemrograman web lanjut untuk mahasiswa
Penggunaan html
Materi_Pengenalan_HTML_Revisi.ppt
Pengenalan internet 10
PPT_HTML_DASAR.pptx
Belajar html
Materi Dasar-Dasar HTML (struktur, elemen, tabel, formulir).pptx
PPT_HTML_DASAR.pptx
Bab i. html
fdokumen.com_pengantar-html-56a0e352ed109.ppt

More from Bambang Herlandi (20)

PDF
Pengenalan User Interface & User Experience Design Bagi Pemula
PDF
Pentingnya Prototype sebagai Jembatan antara Ide dan Produk
PDF
Belajar Design Thinking untuk Memecahkan Masalah yang Manuasiawi
PDF
Basic Lighting Photography untuk Fotografer Pemula
PDF
Seni Komposisi dalam Fotografi: Teknik dan Pengetahuan Teknis
PDF
Belajar Fotografi dari Nol: Mengenal Exposure, Aperture, dan ISO
PDF
Elemen Dasar dalam Sebuah Halaman Majalah
PDF
Prinsip dan Elemen Dasar dalam Desain Grafis
PDF
Penerapan Digitalisasi bagi UMKM Lokal
PDF
Optimasi blog menggunakan seo
PDF
Membuat blog untuk pemula
PDF
Membuat Desain Presentasi yang Efektif
PDF
Branding Your Identity
PDF
Membuat weblog-2014
PDF
Belajar video editing & video streaming
PDF
Belajar CSS (cascading style sheet)
PDF
Belajar HTML
PDF
Adobe photoshop for beginners 2
PDF
Adobe photoshop for beginners 1
Pengenalan User Interface & User Experience Design Bagi Pemula
Pentingnya Prototype sebagai Jembatan antara Ide dan Produk
Belajar Design Thinking untuk Memecahkan Masalah yang Manuasiawi
Basic Lighting Photography untuk Fotografer Pemula
Seni Komposisi dalam Fotografi: Teknik dan Pengetahuan Teknis
Belajar Fotografi dari Nol: Mengenal Exposure, Aperture, dan ISO
Elemen Dasar dalam Sebuah Halaman Majalah
Prinsip dan Elemen Dasar dalam Desain Grafis
Penerapan Digitalisasi bagi UMKM Lokal
Optimasi blog menggunakan seo
Membuat blog untuk pemula
Membuat Desain Presentasi yang Efektif
Branding Your Identity
Membuat weblog-2014
Belajar video editing & video streaming
Belajar CSS (cascading style sheet)
Belajar HTML
Adobe photoshop for beginners 2
Adobe photoshop for beginners 1

Recently uploaded (8)

PDF
Aksara nglagena_20250726_094730_0000.pdf
PPTX
materi mata pelajaran koding dan kecerdasan artifisial
PPTX
saya adalah seorang penulis awalann.pptx
PDF
Labuan4D situs Exclusive Game S 1 0 t & T O 9 E 1 dari server NO 01 Gaming Asia.
PPTX
Modul 2. Pengoperasian Pengaplikasian dan Kolaborasi Perangkat Kecerdasan Art...
DOCX
623175210-PROSEM-KELAS-X-SEM-GANJIL.docx
PPTX
Modul 1. Pengenalan Koding-KA di Dikdasmen.pptx
PPTX
MATERI Literasi digital ASN TAHUN 2025.pptx
Aksara nglagena_20250726_094730_0000.pdf
materi mata pelajaran koding dan kecerdasan artifisial
saya adalah seorang penulis awalann.pptx
Labuan4D situs Exclusive Game S 1 0 t & T O 9 E 1 dari server NO 01 Gaming Asia.
Modul 2. Pengoperasian Pengaplikasian dan Kolaborasi Perangkat Kecerdasan Art...
623175210-PROSEM-KELAS-X-SEM-GANJIL.docx
Modul 1. Pengenalan Koding-KA di Dikdasmen.pptx
MATERI Literasi digital ASN TAHUN 2025.pptx

Dasar pemrograman web HTML

  • 2. MATERI HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY HTML FORMAT TEKS Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule) HTML DAFTAR URUTAN Element OL(ordered list), Element UL(unordered list), Element LI(list item)
  • 3. HTML TABEL Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data) HTML GAMBAR Element IMG HTML HYPERLINK Element A HTML FORM Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA HTML FRAME Element FRAMESET, Element FRAME, Element NOFRAMES
  • 4. HTML HTML: HYPERTEXT MARKUP LANGUAGE Hyper Text Markup Language (HTML) merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik.
  • 5. HTML AUTHORING HTML authoring: software yang digunakan untuk membuat atau mendesain halaman web. Contoh: Macromedia Dreamweaver, Adobe GoLive, Microsoft FrontPage Namo Web Editor
  • 6. STRUKTUR DASAR HTML HTML merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Sebuah halaman web minimal mempunyai empat buat tag, yaitu : <HTML> Sebagai tanda awal dokumen HTML. <HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META. <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
  • 7. STRUKTUR DASAR HTML <html> <head><title>Judul halaman web</title></head> <body> Isi dari halaman web </body> </html>
  • 8. CONTOH <html> <head> <title>belajar html</title> </head> <body bgcolor="#ffffff" background="images/gambar1.gif" text="#ff0000"> letakkan text, images, dan link anda di sini </body> </html>
  • 9. TAGS HTML <title>...</title> Digunakan untuk menampilkan judul pada halaman web di browser. Contoh: <title>Belajar HTML</title>
  • 10. <P>...</P> Digunakan untuk membuat paragraf baru. Contoh: <p>Teks yang pendek atau panjang</p>