ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
PENGANTAR HTML
Apa itu HTML?
HTML adalah bahasa untuk mendeskripsikan halaman web.
   ï‚· HTML singkatan dari Hyper Text Markup Language
   ï‚· HTML adalah bahasa markup
   ï‚· Sebuah bahasa markup adalah seperangkat tag markup
   ï‚· Tag menggambarkan isi dokumen
   ï‚· Dokumen HTML berisi tag HTML dan teks biasa
   ï‚· Dokumen HTML juga disebut halaman web


HTML Tag
HTML markup tag biasanya disebut tag HTML
   ï‚· Tag HTML adalah kata kunci (nama tag) dikelilingi oleh kurung sudut seperti <html>
   ï‚· Tag HTML biasanya berpasangan seperti <b> dan </ b>
   ï‚· Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
   ï‚· Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag
   ï‚· Mulai dan tag akhir juga disebut tag pembuka dan tag penutup

Contoh :
       <namatag>Isi</namatag>

Elemen HTML
"tag HTML " dan " elemen HTML " sering digunakan untuk menggambarkan hal yang sama. Tapi
tegasnya, sebuah elemen HTML adalah seluruh baris antara tag awal dan tag akhir, termasuk tag.

Contoh Elemen HTML:
       <p>Ini Adalah Paragraf</p>

Web Browser
                                                                    Tujuan dari web browser
                                                                    (seperti    Google     Chrome,
                                                                    Internet    Explorer,    Firefox,
                                                                    Safari) adalah untuk membaca
                                                                    dokumen         HTML         dan
                                                                    menampilkannya           sebagai
                                                                    halaman web. Browser tidak
                                                                    menampilkan tag HTML, tetapi
                                                                    menggunakan        tag     untuk
                                                                    menafsirkan isi halaman:
Struktur Halaman HTML
Di bawah ini adalah visualisasi dari sebuah struktur halaman HTML:




Versi HTML
Sejak munculnya web, ada banyak versi HTML:




Deklarasi <DOCTYPE!>
Deklarasi <DOCTYPE!> membantu browser untuk menampilkan halaman web dengan benar. Ada
berbagai dokumen dalam web, dan browser akan dapat menampilkan halaman HTML benar 100% jika
ia tahu jenis dan versi HTML yang digunakan.
Source : http://www.w3schools.com

More Related Content

What's hot (19)

Tugaspbw
TugaspbwTugaspbw
Tugaspbw
FadindaRosiana
Ìý
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
rizka idris
Ìý
CSS
CSSCSS
CSS
muhammad nainuridho
Ìý
Html
HtmlHtml
Html
Dwi Aisyah
Ìý
Pengenalan struktur elemen html
Pengenalan struktur elemen htmlPengenalan struktur elemen html
Pengenalan struktur elemen html
Deka M Wildan
Ìý
Laporan pemrograman berbasis web
Laporan pemrograman berbasis webLaporan pemrograman berbasis web
Laporan pemrograman berbasis web
Rifky Ardian
Ìý
Bootstrap
BootstrapBootstrap
Bootstrap
Fajar Baskoro
Ìý
Tag HTML untuk mendesain website
Tag HTML untuk mendesain websiteTag HTML untuk mendesain website
Tag HTML untuk mendesain website
Putri Ardiana Puspita Sari
Ìý
Cms
CmsCms
Cms
Fajar Baskoro
Ìý
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2
debbie95
Ìý
07 css box model
07 css box model07 css box model
07 css box model
Amiroh S.Kom
Ìý
modul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Webmodul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Web
Sayoer Tetep Slankers
Ìý
Bootstrap latihan
Bootstrap latihanBootstrap latihan
Bootstrap latihan
Fajar Baskoro
Ìý
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style SheetsLaporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
kunidar
Ìý
Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916
Dimas Setiadi
Ìý
Belajar HTML
Belajar HTMLBelajar HTML
Belajar HTML
Bambang Herlandi
Ìý
Laporan Aplikasi Website
Laporan Aplikasi WebsiteLaporan Aplikasi Website
Laporan Aplikasi Website
Andrafraditea Andrafraditea
Ìý
05 materi Hyperlink HTML
05   materi Hyperlink HTML05   materi Hyperlink HTML
05 materi Hyperlink HTML
Deka M Wildan
Ìý
Bab iii proyek web html notepad
Bab iii proyek web html notepadBab iii proyek web html notepad
Bab iii proyek web html notepad
rainbi
Ìý
Pengenalan struktur elemen html
Pengenalan struktur elemen htmlPengenalan struktur elemen html
Pengenalan struktur elemen html
Deka M Wildan
Ìý
Laporan pemrograman berbasis web
Laporan pemrograman berbasis webLaporan pemrograman berbasis web
Laporan pemrograman berbasis web
Rifky Ardian
Ìý
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2
debbie95
Ìý
07 css box model
07 css box model07 css box model
07 css box model
Amiroh S.Kom
Ìý
modul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Webmodul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Web
Sayoer Tetep Slankers
Ìý
Bootstrap latihan
Bootstrap latihanBootstrap latihan
Bootstrap latihan
Fajar Baskoro
Ìý
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style SheetsLaporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
kunidar
Ìý
Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916
Dimas Setiadi
Ìý
05 materi Hyperlink HTML
05   materi Hyperlink HTML05   materi Hyperlink HTML
05 materi Hyperlink HTML
Deka M Wildan
Ìý
Bab iii proyek web html notepad
Bab iii proyek web html notepadBab iii proyek web html notepad
Bab iii proyek web html notepad
rainbi
Ìý

Viewers also liked (20)

Caso o barril de petróleo atinja a médio prazo os 200 dólares, como será o Tu...Caso o barril de petróleo atinja a médio prazo os 200 dólares, como será o Tu...
Caso o barril de petróleo atinja a médio prazo os 200 dólares, como será o Tu...
Cláudia Samouqueiro e Vasconcellos
Ìý
Marco referencia bachiller en lenguas res cfe 142 2011Marco referencia bachiller en lenguas res cfe 142 2011
Marco referencia bachiller en lenguas res cfe 142 2011
Luisa Cristina Rothe Mayer
Ìý
Papel do Turismo num novo modelo de desenvolvimento da economia portuguesaPapel do Turismo num novo modelo de desenvolvimento da economia portuguesa
Papel do Turismo num novo modelo de desenvolvimento da economia portuguesa
Cláudia Samouqueiro e Vasconcellos
Ìý
O Destino Arade, uma Estratégia de IntervençãoO Destino Arade, uma Estratégia de Intervenção
O Destino Arade, uma Estratégia de Intervenção
Cláudia Samouqueiro e Vasconcellos
Ìý
Agata monica fonseca de sousaAgata monica fonseca de sousa
Agata monica fonseca de sousa
LunaLovegood16
Ìý
O Parque das Nações - a Grande Atracção TurísticaO Parque das Nações - a Grande Atracção Turística
O Parque das Nações - a Grande Atracção Turística
Cláudia Samouqueiro e Vasconcellos
Ìý
Análise do Plano Estratégico de marketing do Concelho  de MafraAnálise do Plano Estratégico de marketing do Concelho  de Mafra
Análise do Plano Estratégico de marketing do Concelho de Mafra
Cláudia Samouqueiro e Vasconcellos
Ìý
Manual quarepe tarefas_versao_final_janeiro_2012Manual quarepe tarefas_versao_final_janeiro_2012
Manual quarepe tarefas_versao_final_janeiro_2012
Luisa Cristina Rothe Mayer
Ìý
Análise Rentabilidade no Tryp Hotel de CoimbraAnálise Rentabilidade no Tryp Hotel de Coimbra
Análise Rentabilidade no Tryp Hotel de Coimbra
Cláudia Samouqueiro e Vasconcellos
Ìý
Potencialidades Turisticas em AlcochetePotencialidades Turisticas em Alcochete
Potencialidades Turisticas em Alcochete
Cláudia Samouqueiro e Vasconcellos
Ìý
Análise do Produto Saude e bem-estar na Entidade Regional Turismo Centro Port...Análise do Produto Saude e bem-estar na Entidade Regional Turismo Centro Port...
Análise do Produto Saude e bem-estar na Entidade Regional Turismo Centro Port...
Cláudia Samouqueiro e Vasconcellos
Ìý
López estrada deslauriers 2011 entrevista cualitativaLópez estrada deslauriers 2011 entrevista cualitativa
López estrada deslauriers 2011 entrevista cualitativa
Luisa Cristina Rothe Mayer
Ìý
Jurnal Jusepto
Jurnal JuseptoJurnal Jusepto
Jurnal Jusepto
Harry Kusuma
Ìý
Dussel 2010 el currículumDussel 2010 el currículum
Dussel 2010 el currículum
Luisa Cristina Rothe Mayer
Ìý
Dussel 2005 escuela igualdad diversidadDussel 2005 escuela igualdad diversidad
Dussel 2005 escuela igualdad diversidad
Luisa Cristina Rothe Mayer
Ìý
Catalogo ple 2013 LIVROS DE PORTUGUES Catalogo ple 2013 LIVROS DE PORTUGUES
Catalogo ple 2013 LIVROS DE PORTUGUES
Beatriz Aldana
Ìý
Organizaçoes internacionais Organizaçoes internacionais
Organizaçoes internacionais
Bruno Oliveira
Ìý
Feldman 2010 Didáctica general - aportes para el desarrollo curricularFeldman 2010 Didáctica general - aportes para el desarrollo curricular
Feldman 2010 Didáctica general - aportes para el desarrollo curricular
Luisa Cristina Rothe Mayer
Ìý
Nap lenguas extranjeras res 181 2012 anexo 01Nap lenguas extranjeras res 181 2012 anexo 01
Nap lenguas extranjeras res 181 2012 anexo 01
Luisa Cristina Rothe Mayer
Ìý
The impact of innovation on travel and tourism industries (World Travel Marke...
The impact of innovation on travel and tourism industries (World Travel Marke...The impact of innovation on travel and tourism industries (World Travel Marke...
The impact of innovation on travel and tourism industries (World Travel Marke...
Brian Solis
Ìý
Caso o barril de petróleo atinja a médio prazo os 200 dólares, como será o Tu...Caso o barril de petróleo atinja a médio prazo os 200 dólares, como será o Tu...
Caso o barril de petróleo atinja a médio prazo os 200 dólares, como será o Tu...
Cláudia Samouqueiro e Vasconcellos
Ìý
Marco referencia bachiller en lenguas res cfe 142 2011Marco referencia bachiller en lenguas res cfe 142 2011
Marco referencia bachiller en lenguas res cfe 142 2011
Luisa Cristina Rothe Mayer
Ìý
Papel do Turismo num novo modelo de desenvolvimento da economia portuguesaPapel do Turismo num novo modelo de desenvolvimento da economia portuguesa
Papel do Turismo num novo modelo de desenvolvimento da economia portuguesa
Cláudia Samouqueiro e Vasconcellos
Ìý
O Destino Arade, uma Estratégia de IntervençãoO Destino Arade, uma Estratégia de Intervenção
O Destino Arade, uma Estratégia de Intervenção
Cláudia Samouqueiro e Vasconcellos
Ìý
Agata monica fonseca de sousaAgata monica fonseca de sousa
Agata monica fonseca de sousa
LunaLovegood16
Ìý
O Parque das Nações - a Grande Atracção TurísticaO Parque das Nações - a Grande Atracção Turística
O Parque das Nações - a Grande Atracção Turística
Cláudia Samouqueiro e Vasconcellos
Ìý
Análise do Plano Estratégico de marketing do Concelho  de MafraAnálise do Plano Estratégico de marketing do Concelho  de Mafra
Análise do Plano Estratégico de marketing do Concelho de Mafra
Cláudia Samouqueiro e Vasconcellos
Ìý
Manual quarepe tarefas_versao_final_janeiro_2012Manual quarepe tarefas_versao_final_janeiro_2012
Manual quarepe tarefas_versao_final_janeiro_2012
Luisa Cristina Rothe Mayer
Ìý
Análise Rentabilidade no Tryp Hotel de CoimbraAnálise Rentabilidade no Tryp Hotel de Coimbra
Análise Rentabilidade no Tryp Hotel de Coimbra
Cláudia Samouqueiro e Vasconcellos
Ìý
Potencialidades Turisticas em AlcochetePotencialidades Turisticas em Alcochete
Potencialidades Turisticas em Alcochete
Cláudia Samouqueiro e Vasconcellos
Ìý
Análise do Produto Saude e bem-estar na Entidade Regional Turismo Centro Port...Análise do Produto Saude e bem-estar na Entidade Regional Turismo Centro Port...
Análise do Produto Saude e bem-estar na Entidade Regional Turismo Centro Port...
Cláudia Samouqueiro e Vasconcellos
Ìý
López estrada deslauriers 2011 entrevista cualitativaLópez estrada deslauriers 2011 entrevista cualitativa
López estrada deslauriers 2011 entrevista cualitativa
Luisa Cristina Rothe Mayer
Ìý
Jurnal Jusepto
Jurnal JuseptoJurnal Jusepto
Jurnal Jusepto
Harry Kusuma
Ìý
Dussel 2010 el currículumDussel 2010 el currículum
Dussel 2010 el currículum
Luisa Cristina Rothe Mayer
Ìý
Dussel 2005 escuela igualdad diversidadDussel 2005 escuela igualdad diversidad
Dussel 2005 escuela igualdad diversidad
Luisa Cristina Rothe Mayer
Ìý
Catalogo ple 2013 LIVROS DE PORTUGUES Catalogo ple 2013 LIVROS DE PORTUGUES
Catalogo ple 2013 LIVROS DE PORTUGUES
Beatriz Aldana
Ìý
Organizaçoes internacionais Organizaçoes internacionais
Organizaçoes internacionais
Bruno Oliveira
Ìý
Feldman 2010 Didáctica general - aportes para el desarrollo curricularFeldman 2010 Didáctica general - aportes para el desarrollo curricular
Feldman 2010 Didáctica general - aportes para el desarrollo curricular
Luisa Cristina Rothe Mayer
Ìý
Nap lenguas extranjeras res 181 2012 anexo 01Nap lenguas extranjeras res 181 2012 anexo 01
Nap lenguas extranjeras res 181 2012 anexo 01
Luisa Cristina Rothe Mayer
Ìý
The impact of innovation on travel and tourism industries (World Travel Marke...
The impact of innovation on travel and tourism industries (World Travel Marke...The impact of innovation on travel and tourism industries (World Travel Marke...
The impact of innovation on travel and tourism industries (World Travel Marke...
Brian Solis
Ìý

Similar to 1. Pengantar HTML (20)

Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasi
Resa Firmansyah
Ìý
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
Hutommo Bagus
Ìý
Jamal's dokumen
Jamal's dokumenJamal's dokumen
Jamal's dokumen
http://www.facebook.com/SeikatKasihDanSayang
Ìý
Html power point
Html power pointHtml power point
Html power point
minmon
Ìý
3947109.ppt
3947109.ppt3947109.ppt
3947109.ppt
rico63562
Ìý
Webdesign dasar : 01 mengenal dunia web
Webdesign dasar : 01 mengenal dunia webWebdesign dasar : 01 mengenal dunia web
Webdesign dasar : 01 mengenal dunia web
SMK Negeri 6 Malang
Ìý
Proyek web
Proyek webProyek web
Proyek web
Novita J Akerina
Ìý
Html
HtmlHtml
Html
Candra Darmawan
Ìý
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
rahmi wahyuni
Ìý
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamis
rahmantaufik00
Ìý
Bahasa HTML - 01.pdf
Bahasa HTML - 01.pdfBahasa HTML - 01.pdf
Bahasa HTML - 01.pdf
Fadli WisDuwe AnakBojo
Ìý
Tugas ppt pak izza html
Tugas ppt pak izza htmlTugas ppt pak izza html
Tugas ppt pak izza html
zidan lazuardani
Ìý
Html5
Html5Html5
Html5
agus248
Ìý
Training HTML
Training HTMLTraining HTML
Training HTML
Yanwar Purnama
Ìý
Materi Perkuliahan pertemuan ke 8 Website.pptx
Materi Perkuliahan pertemuan ke 8 Website.pptxMateri Perkuliahan pertemuan ke 8 Website.pptx
Materi Perkuliahan pertemuan ke 8 Website.pptx
febi896312
Ìý
Materi Perkuliahan pertemuan ke 8 Website.pptx
Materi Perkuliahan pertemuan ke 8 Website.pptxMateri Perkuliahan pertemuan ke 8 Website.pptx
Materi Perkuliahan pertemuan ke 8 Website.pptx
febi896312
Ìý
Modul web programing
Modul web programingModul web programing
Modul web programing
Fitra Sani
Ìý
Cara membuat html (desma susanti)
Cara membuat html (desma susanti)Cara membuat html (desma susanti)
Cara membuat html (desma susanti)
Desma_susanti
Ìý
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepad
Samsuri14
Ìý
Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasi
Resa Firmansyah
Ìý
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
Hutommo Bagus
Ìý
Html power point
Html power pointHtml power point
Html power point
minmon
Ìý
3947109.ppt
3947109.ppt3947109.ppt
3947109.ppt
rico63562
Ìý
Webdesign dasar : 01 mengenal dunia web
Webdesign dasar : 01 mengenal dunia webWebdesign dasar : 01 mengenal dunia web
Webdesign dasar : 01 mengenal dunia web
SMK Negeri 6 Malang
Ìý
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
rahmi wahyuni
Ìý
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamis
rahmantaufik00
Ìý
Tugas ppt pak izza html
Tugas ppt pak izza htmlTugas ppt pak izza html
Tugas ppt pak izza html
zidan lazuardani
Ìý
Html5
Html5Html5
Html5
agus248
Ìý
Materi Perkuliahan pertemuan ke 8 Website.pptx
Materi Perkuliahan pertemuan ke 8 Website.pptxMateri Perkuliahan pertemuan ke 8 Website.pptx
Materi Perkuliahan pertemuan ke 8 Website.pptx
febi896312
Ìý
Materi Perkuliahan pertemuan ke 8 Website.pptx
Materi Perkuliahan pertemuan ke 8 Website.pptxMateri Perkuliahan pertemuan ke 8 Website.pptx
Materi Perkuliahan pertemuan ke 8 Website.pptx
febi896312
Ìý
Modul web programing
Modul web programingModul web programing
Modul web programing
Fitra Sani
Ìý
Cara membuat html (desma susanti)
Cara membuat html (desma susanti)Cara membuat html (desma susanti)
Cara membuat html (desma susanti)
Desma_susanti
Ìý
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepad
Samsuri14
Ìý

More from Ratzman III (20)

Tugas Tutorial EKSI4202 Hukum Pajak
Tugas Tutorial EKSI4202 Hukum PajakTugas Tutorial EKSI4202 Hukum Pajak
Tugas Tutorial EKSI4202 Hukum Pajak
Ratzman III
Ìý
Tugas Wajib Tutorial I - EKSI4202 - Hukum Pajak
Tugas Wajib Tutorial I  -  EKSI4202 - Hukum PajakTugas Wajib Tutorial I  -  EKSI4202 - Hukum Pajak
Tugas Wajib Tutorial I - EKSI4202 - Hukum Pajak
Ratzman III
Ìý
Review Artikel Tinjauan Pustaka
Review Artikel Tinjauan PustakaReview Artikel Tinjauan Pustaka
Review Artikel Tinjauan Pustaka
Ratzman III
Ìý
MICRO TEACHING IDIK4013-Memanfaatkan Pustaka dalam Penulisan Karya Ilmiah
MICRO TEACHING IDIK4013-Memanfaatkan Pustaka dalam Penulisan Karya IlmiahMICRO TEACHING IDIK4013-Memanfaatkan Pustaka dalam Penulisan Karya Ilmiah
MICRO TEACHING IDIK4013-Memanfaatkan Pustaka dalam Penulisan Karya Ilmiah
Ratzman III
Ìý
Format laporan Tutor Universitas Terbuka 2014
Format laporan Tutor Universitas Terbuka 2014Format laporan Tutor Universitas Terbuka 2014
Format laporan Tutor Universitas Terbuka 2014
Ratzman III
Ìý
Arduino Ch3 : Tilt Sensing Servo Motor Controller
Arduino Ch3 : Tilt Sensing Servo Motor Controller Arduino Ch3 : Tilt Sensing Servo Motor Controller
Arduino Ch3 : Tilt Sensing Servo Motor Controller
Ratzman III
Ìý
Arduino - Ch 2: Sunrise-Sunset Light Switch
Arduino - Ch 2: Sunrise-Sunset Light SwitchArduino - Ch 2: Sunrise-Sunset Light Switch
Arduino - Ch 2: Sunrise-Sunset Light Switch
Ratzman III
Ìý
Arduino - CH 1: The Trick Switch
Arduino - CH 1: The Trick SwitchArduino - CH 1: The Trick Switch
Arduino - CH 1: The Trick Switch
Ratzman III
Ìý
Bab 3 - Kalkulus Relasional
Bab 3 -  Kalkulus RelasionalBab 3 -  Kalkulus Relasional
Bab 3 - Kalkulus Relasional
Ratzman III
Ìý
Bab 2 Aljabar Relasional
Bab 2   Aljabar RelasionalBab 2   Aljabar Relasional
Bab 2 Aljabar Relasional
Ratzman III
Ìý
Bab 1 RDBMS Review
Bab 1   RDBMS ReviewBab 1   RDBMS Review
Bab 1 RDBMS Review
Ratzman III
Ìý
Kisi kisi basis data uts
Kisi kisi basis data utsKisi kisi basis data uts
Kisi kisi basis data uts
Ratzman III
Ìý
Kisi kisi basis data uts
Kisi kisi basis data utsKisi kisi basis data uts
Kisi kisi basis data uts
Ratzman III
Ìý
Modul my sql tutorial part 6
Modul my sql tutorial part 6Modul my sql tutorial part 6
Modul my sql tutorial part 6
Ratzman III
Ìý
Nilai lab 01pt3Nilai lab 01pt3
Nilai lab 01pt3
Ratzman III
Ìý
Format sap
Format sapFormat sap
Format sap
Ratzman III
Ìý
Tugas i
Tugas iTugas i
Tugas i
Ratzman III
Ìý
Modul my sql tutorial part 5
Modul my sql tutorial part 5Modul my sql tutorial part 5
Modul my sql tutorial part 5
Ratzman III
Ìý
Tugas Tutorial EKSI4202 Hukum Pajak
Tugas Tutorial EKSI4202 Hukum PajakTugas Tutorial EKSI4202 Hukum Pajak
Tugas Tutorial EKSI4202 Hukum Pajak
Ratzman III
Ìý
Tugas Wajib Tutorial I - EKSI4202 - Hukum Pajak
Tugas Wajib Tutorial I  -  EKSI4202 - Hukum PajakTugas Wajib Tutorial I  -  EKSI4202 - Hukum Pajak
Tugas Wajib Tutorial I - EKSI4202 - Hukum Pajak
Ratzman III
Ìý
Review Artikel Tinjauan Pustaka
Review Artikel Tinjauan PustakaReview Artikel Tinjauan Pustaka
Review Artikel Tinjauan Pustaka
Ratzman III
Ìý
MICRO TEACHING IDIK4013-Memanfaatkan Pustaka dalam Penulisan Karya Ilmiah
MICRO TEACHING IDIK4013-Memanfaatkan Pustaka dalam Penulisan Karya IlmiahMICRO TEACHING IDIK4013-Memanfaatkan Pustaka dalam Penulisan Karya Ilmiah
MICRO TEACHING IDIK4013-Memanfaatkan Pustaka dalam Penulisan Karya Ilmiah
Ratzman III
Ìý
Format laporan Tutor Universitas Terbuka 2014
Format laporan Tutor Universitas Terbuka 2014Format laporan Tutor Universitas Terbuka 2014
Format laporan Tutor Universitas Terbuka 2014
Ratzman III
Ìý
Arduino Ch3 : Tilt Sensing Servo Motor Controller
Arduino Ch3 : Tilt Sensing Servo Motor Controller Arduino Ch3 : Tilt Sensing Servo Motor Controller
Arduino Ch3 : Tilt Sensing Servo Motor Controller
Ratzman III
Ìý
Arduino - Ch 2: Sunrise-Sunset Light Switch
Arduino - Ch 2: Sunrise-Sunset Light SwitchArduino - Ch 2: Sunrise-Sunset Light Switch
Arduino - Ch 2: Sunrise-Sunset Light Switch
Ratzman III
Ìý
Arduino - CH 1: The Trick Switch
Arduino - CH 1: The Trick SwitchArduino - CH 1: The Trick Switch
Arduino - CH 1: The Trick Switch
Ratzman III
Ìý
Bab 3 - Kalkulus Relasional
Bab 3 -  Kalkulus RelasionalBab 3 -  Kalkulus Relasional
Bab 3 - Kalkulus Relasional
Ratzman III
Ìý
Bab 2 Aljabar Relasional
Bab 2   Aljabar RelasionalBab 2   Aljabar Relasional
Bab 2 Aljabar Relasional
Ratzman III
Ìý
Bab 1 RDBMS Review
Bab 1   RDBMS ReviewBab 1   RDBMS Review
Bab 1 RDBMS Review
Ratzman III
Ìý
Kisi kisi basis data uts
Kisi kisi basis data utsKisi kisi basis data uts
Kisi kisi basis data uts
Ratzman III
Ìý
Kisi kisi basis data uts
Kisi kisi basis data utsKisi kisi basis data uts
Kisi kisi basis data uts
Ratzman III
Ìý
Modul my sql tutorial part 6
Modul my sql tutorial part 6Modul my sql tutorial part 6
Modul my sql tutorial part 6
Ratzman III
Ìý
Nilai lab 01pt3Nilai lab 01pt3
Nilai lab 01pt3
Ratzman III
Ìý
Format sap
Format sapFormat sap
Format sap
Ratzman III
Ìý
Modul my sql tutorial part 5
Modul my sql tutorial part 5Modul my sql tutorial part 5
Modul my sql tutorial part 5
Ratzman III
Ìý

1. Pengantar HTML

  • 1. PENGANTAR HTML Apa itu HTML? HTML adalah bahasa untuk mendeskripsikan halaman web. ï‚· HTML singkatan dari Hyper Text Markup Language ï‚· HTML adalah bahasa markup ï‚· Sebuah bahasa markup adalah seperangkat tag markup ï‚· Tag menggambarkan isi dokumen ï‚· Dokumen HTML berisi tag HTML dan teks biasa ï‚· Dokumen HTML juga disebut halaman web HTML Tag HTML markup tag biasanya disebut tag HTML ï‚· Tag HTML adalah kata kunci (nama tag) dikelilingi oleh kurung sudut seperti <html> ï‚· Tag HTML biasanya berpasangan seperti <b> dan </ b> ï‚· Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir ï‚· Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag ï‚· Mulai dan tag akhir juga disebut tag pembuka dan tag penutup Contoh : <namatag>Isi</namatag> Elemen HTML "tag HTML " dan " elemen HTML " sering digunakan untuk menggambarkan hal yang sama. Tapi tegasnya, sebuah elemen HTML adalah seluruh baris antara tag awal dan tag akhir, termasuk tag. Contoh Elemen HTML: <p>Ini Adalah Paragraf</p> Web Browser Tujuan dari web browser (seperti Google Chrome, Internet Explorer, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi halaman:
  • 2. Struktur Halaman HTML Di bawah ini adalah visualisasi dari sebuah struktur halaman HTML: Versi HTML Sejak munculnya web, ada banyak versi HTML: Deklarasi <DOCTYPE!> Deklarasi <DOCTYPE!> membantu browser untuk menampilkan halaman web dengan benar. Ada berbagai dokumen dalam web, dan browser akan dapat menampilkan halaman HTML benar 100% jika ia tahu jenis dan versi HTML yang digunakan.