SlideShare uma empresa Scribd logo
1 de 3
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados

Mais procurados (19)

Tugaspbw
TugaspbwTugaspbw
Tugaspbw
 
TUGAS SIM
TUGAS SIMTUGAS SIM
TUGAS SIM
 
CSS
CSSCSS
CSS
 
Html
HtmlHtml
Html
 
Pengenalan struktur elemen html
Pengenalan struktur elemen htmlPengenalan struktur elemen html
Pengenalan struktur elemen html
 
Laporan pemrograman berbasis web
Laporan pemrograman berbasis webLaporan pemrograman berbasis web
Laporan pemrograman berbasis web
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Tag HTML untuk mendesain website
Tag HTML untuk mendesain websiteTag HTML untuk mendesain website
Tag HTML untuk mendesain website
 
Cms
CmsCms
Cms
 
Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2Debbiemistikaweni 1412510982 tugas2
Debbiemistikaweni 1412510982 tugas2
 
07 css box model
07 css box model07 css box model
07 css box model
 
modul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Webmodul CSS tugas Pemrograman Berbasis Web
modul CSS tugas Pemrograman Berbasis Web
 
Bootstrap latihan
Bootstrap latihanBootstrap latihan
Bootstrap latihan
 
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
 
Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916Tugas 2 dimas setiadi 0916
Tugas 2 dimas setiadi 0916
 
Belajar HTML
Belajar HTMLBelajar HTML
Belajar HTML
 
Laporan Aplikasi Website
Laporan Aplikasi WebsiteLaporan Aplikasi Website
Laporan Aplikasi Website
 
05 materi Hyperlink HTML
05   materi Hyperlink HTML05   materi Hyperlink HTML
05 materi Hyperlink HTML
 
Bab iii proyek web html notepad
Bab iii proyek web html notepadBab iii proyek web html notepad
Bab iii proyek web html notepad
 

Destaque

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...
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 2011
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 2011Luisa Cristina Rothe Mayer
 
Papel do Turismo num novo modelo de desenvolvimento da economia portuguesa
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 portuguesaCláudia Samouqueiro e Vasconcellos
 
Agata monica fonseca de sousa
Agata monica fonseca de sousaAgata monica fonseca de sousa
Agata monica fonseca de sousaLunaLovegood16
 
Análise do Plano Estratégico de marketing do Concelho de Mafra
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 MafraCláudia Samouqueiro e Vasconcellos
 
Manual quarepe tarefas_versao_final_janeiro_2012
Manual quarepe tarefas_versao_final_janeiro_2012Manual quarepe tarefas_versao_final_janeiro_2012
Manual quarepe tarefas_versao_final_janeiro_2012Luisa Cristina Rothe Mayer
 
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...
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 cualitativa
López estrada deslauriers 2011 entrevista cualitativaLópez estrada deslauriers 2011 entrevista cualitativa
López estrada deslauriers 2011 entrevista cualitativaLuisa Cristina Rothe Mayer
 
Catalogo ple 2013 LIVROS DE PORTUGUES
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
Organizaçoes internacionais Bruno Oliveira
 
Feldman 2010 Didáctica general - aportes para el desarrollo curricular
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 curricularLuisa 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
 

Destaque (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...
Caso o barril de petróleo atinja a médio prazo os 200 dólares, como será o Tu...
 
Marco referencia bachiller en lenguas res cfe 142 2011
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
 
Papel do Turismo num novo modelo de desenvolvimento da economia portuguesa
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
 
O Destino Arade, uma Estratégia de Intervenção
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
 
Agata monica fonseca de sousa
Agata monica fonseca de sousaAgata monica fonseca de sousa
Agata monica fonseca de sousa
 
O Parque das Nações - a Grande Atracção Turística
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
 
Análise do Plano Estratégico de marketing do Concelho de Mafra
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
 
Manual quarepe tarefas_versao_final_janeiro_2012
Manual quarepe tarefas_versao_final_janeiro_2012Manual quarepe tarefas_versao_final_janeiro_2012
Manual quarepe tarefas_versao_final_janeiro_2012
 
Análise Rentabilidade no Tryp Hotel de Coimbra
Análise Rentabilidade no Tryp Hotel de CoimbraAnálise Rentabilidade no Tryp Hotel de Coimbra
Análise Rentabilidade no Tryp Hotel de Coimbra
 
Potencialidades Turisticas em Alcochete
Potencialidades Turisticas em AlcochetePotencialidades Turisticas em Alcochete
Potencialidades Turisticas em Alcochete
 
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...
Análise do Produto Saude e bem-estar na Entidade Regional Turismo Centro Port...
 
López estrada deslauriers 2011 entrevista cualitativa
López estrada deslauriers 2011 entrevista cualitativaLópez estrada deslauriers 2011 entrevista cualitativa
López estrada deslauriers 2011 entrevista cualitativa
 
Jurnal Jusepto
Jurnal JuseptoJurnal Jusepto
Jurnal Jusepto
 
Dussel 2010 el currículum
Dussel 2010 el currículumDussel 2010 el currículum
Dussel 2010 el currículum
 
Dussel 2005 escuela igualdad diversidad
Dussel 2005 escuela igualdad diversidadDussel 2005 escuela igualdad diversidad
Dussel 2005 escuela igualdad diversidad
 
Catalogo ple 2013 LIVROS DE PORTUGUES
Catalogo ple 2013 LIVROS DE PORTUGUES Catalogo ple 2013 LIVROS DE PORTUGUES
Catalogo ple 2013 LIVROS DE PORTUGUES
 
Organizaçoes internacionais
Organizaçoes internacionais Organizaçoes internacionais
Organizaçoes internacionais
 
Feldman 2010 Didáctica general - aportes para el desarrollo curricular
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
 
Nap lenguas extranjeras res 181 2012 anexo 01
Nap lenguas extranjeras res 181 2012 anexo 01Nap lenguas extranjeras res 181 2012 anexo 01
Nap lenguas extranjeras res 181 2012 anexo 01
 
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...
 

Semelhante a 1. Pengantar HTML

Semelhante a 1. Pengantar HTML (20)

Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasi
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 
Jamal's dokumen
Jamal's dokumenJamal's dokumen
Jamal's dokumen
 
Html power point
Html power pointHtml power point
Html power point
 
3947109.ppt
3947109.ppt3947109.ppt
3947109.ppt
 
Web
WebWeb
Web
 
Webdesign dasar : 01 mengenal dunia web
Webdesign dasar : 01 mengenal dunia webWebdesign dasar : 01 mengenal dunia web
Webdesign dasar : 01 mengenal dunia web
 
Proyek web
Proyek webProyek web
Proyek web
 
Html
HtmlHtml
Html
 
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
 
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamis
 
Bahasa HTML - 01.pdf
Bahasa HTML - 01.pdfBahasa HTML - 01.pdf
Bahasa HTML - 01.pdf
 
Tugas ppt pak izza html
Tugas ppt pak izza htmlTugas ppt pak izza html
Tugas ppt pak izza html
 
Html5
Html5Html5
Html5
 
Training HTML
Training HTMLTraining HTML
Training HTML
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Cara membuat html (desma susanti)
Cara membuat html (desma susanti)Cara membuat html (desma susanti)
Cara membuat html (desma susanti)
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepad
 
Arief rachman khakim 1210651102
Arief rachman khakim 1210651102Arief rachman khakim 1210651102
Arief rachman khakim 1210651102
 
Pertemuan 6 pengantar tik (stkip)
Pertemuan 6 pengantar tik (stkip)Pertemuan 6 pengantar tik (stkip)
Pertemuan 6 pengantar tik (stkip)
 

Mais de Ratzman III

Tugas Tutorial EKSI4202 Hukum Pajak
Tugas Tutorial EKSI4202 Hukum PajakTugas Tutorial EKSI4202 Hukum Pajak
Tugas Tutorial EKSI4202 Hukum PajakRatzman 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 PajakRatzman III
 
Review Artikel Tinjauan Pustaka
Review Artikel Tinjauan PustakaReview Artikel Tinjauan Pustaka
Review Artikel Tinjauan PustakaRatzman 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 IlmiahRatzman III
 
Format laporan Tutor Universitas Terbuka 2014
Format laporan Tutor Universitas Terbuka 2014Format laporan Tutor Universitas Terbuka 2014
Format laporan Tutor Universitas Terbuka 2014Ratzman 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 SwitchRatzman III
 
Arduino - CH 1: The Trick Switch
Arduino - CH 1: The Trick SwitchArduino - CH 1: The Trick Switch
Arduino - CH 1: The Trick SwitchRatzman III
 
Bab 3 - Kalkulus Relasional
Bab 3 -  Kalkulus RelasionalBab 3 -  Kalkulus Relasional
Bab 3 - Kalkulus RelasionalRatzman III
 
Bab 2 Aljabar Relasional
Bab 2   Aljabar RelasionalBab 2   Aljabar Relasional
Bab 2 Aljabar RelasionalRatzman III
 
Bab 1 RDBMS Review
Bab 1   RDBMS ReviewBab 1   RDBMS Review
Bab 1 RDBMS ReviewRatzman III
 
Kisi kisi basis data uts
Kisi kisi basis data utsKisi kisi basis data uts
Kisi kisi basis data utsRatzman III
 
Kisi kisi basis data uts
Kisi kisi basis data utsKisi kisi basis data uts
Kisi kisi basis data utsRatzman III
 
Modul my sql tutorial part 6
Modul my sql tutorial part 6Modul my sql tutorial part 6
Modul my sql tutorial part 6Ratzman III
 
Modul my sql tutorial part 5
Modul my sql tutorial part 5Modul my sql tutorial part 5
Modul my sql tutorial part 5Ratzman III
 

Mais de Ratzman III (20)

Tugas Tutorial EKSI4202 Hukum Pajak
Tugas Tutorial EKSI4202 Hukum PajakTugas Tutorial EKSI4202 Hukum Pajak
Tugas Tutorial EKSI4202 Hukum Pajak
 
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
 
Review Artikel Tinjauan Pustaka
Review Artikel Tinjauan PustakaReview Artikel Tinjauan Pustaka
Review Artikel Tinjauan Pustaka
 
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
 
Format laporan Tutor Universitas Terbuka 2014
Format laporan Tutor Universitas Terbuka 2014Format laporan Tutor Universitas Terbuka 2014
Format laporan Tutor Universitas Terbuka 2014
 
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
 
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
 
Arduino - CH 1: The Trick Switch
Arduino - CH 1: The Trick SwitchArduino - CH 1: The Trick Switch
Arduino - CH 1: The Trick Switch
 
Bab 3 - Kalkulus Relasional
Bab 3 -  Kalkulus RelasionalBab 3 -  Kalkulus Relasional
Bab 3 - Kalkulus Relasional
 
Bab 2 Aljabar Relasional
Bab 2   Aljabar RelasionalBab 2   Aljabar Relasional
Bab 2 Aljabar Relasional
 
Bab 1 RDBMS Review
Bab 1   RDBMS ReviewBab 1   RDBMS Review
Bab 1 RDBMS Review
 
Kisi kisi basis data uts
Kisi kisi basis data utsKisi kisi basis data uts
Kisi kisi basis data uts
 
Kisi kisi basis data uts
Kisi kisi basis data utsKisi kisi basis data uts
Kisi kisi basis data uts
 
Modul my sql tutorial part 6
Modul my sql tutorial part 6Modul my sql tutorial part 6
Modul my sql tutorial part 6
 
Nilai lab 01pt3
Nilai lab 01pt3Nilai lab 01pt3
Nilai lab 01pt3
 
Format sap
Format sapFormat sap
Format sap
 
Tugas i
Tugas iTugas i
Tugas i
 
Modul my sql tutorial part 5
Modul my sql tutorial part 5Modul my sql tutorial part 5
Modul my sql tutorial part 5
 
1088
10881088
1088
 
1152
11521152
1152
 

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.