HTML
Apa itu HTML ?
HTML
adalah bahasa markup untuk menggambarkan dokumen web ( halaman web ) .
HTML
singkatan dari Hyper Text Markup Language. Sebuah bahasa markup seperangkat tag markup
dokumen HTML dijelaskan oleh tag HTML. Setiap
tag HTML menjelaskan isi dokumen yang berbeda.
HTML Contoh
Sebuah dokumen HTML kecil :
< ! DOCTYPE html >
< html >
<head >
<title > Judul Halaman < / title>
< / head>
<body >
< h1 > Postingan Pertama < / h1 >
< p > paragraf pertama saya . < / p >
< / body>
contoh Dijelaskan
DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
Teks antara < html > dan < / html > menggambarkan sebuah dokumen HTML
Teks antara < head> dan < / head> memberikan informasi tentang dokumen
Teks antara < title> dan < / title> memberikan judul untuk dokumen
Teks antara < body> dan < / body> menggambarkan isi halaman yang terlihat
Teks antara < h1 > dan < / h1 > menggambarkan judul
Teks antara < p > dan < / p > menggambarkan sebuah paragraf
Menggunakan deskripsi ini , web browser dapat menampilkan dokumen dengan judul dan paragraf .
HTML Tag
Tag HTML adalah kata kunci ( nama tag ) yang dikelilingi oleh kurung sudut :
< tagname > konten < / tagname >
Tag HTML biasanya datang berpasangan seperti < p > dan < / p >
Tag pertama dalam pasangan adalah tag awal , tag kedua adalah tag akhir
Tag akhir ditulis seperti tag awal , tetapi dengan garis miring sebelum nama tag
HTML Pos
Judul didefinisikan dengan < h1 > sampai < h6 > tag .
< h1 > mendefinisikan heading yang paling penting . < h6 > mendefinisikan heading yang paling tidak penting
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML <head > Elemen
HTML <head > unsur tidak ada hubungannya dengan judul HTML .
HTML <head > elemen berisi meta data . Meta data tidak ditampilkan .
HTML <head > elemen ditempatkan di antara < html > tag dan < body> :
contoh
< ! DOCTYPE html >
< html >
<head >
<title > My First HTML < / title>
< meta charset = " UTF - 8 " >
< / head>
<body >
.
.
.
HTML Paragraf
HTML < p > mendefinisikan sebuah paragraf .
contoh
< p > Ini adalah sebuah paragraf < / p >
< p > Ini adalah paragraf lain < / p >
Text
Formatting
This text is bold
This text is italic
This is superscrip
This text is italic
This is superscrip
HTML Format Elemen
Pada bab sebelumnya , Anda belajar tentang gaya HTML , dengan menggunakan atribut style HTML .
HTML juga mendefinisikan elemen khusus , untuk mendefinisikan teks dengan makna khusus .
HTML menggunakan unsur-unsur seperti < b > dan < i > untuk memformat output, seperti teks tebal atau miring .
Elemen format yang dirancang untuk menampilkan jenis khusus dari teks
- Bold text
- Important text
- Italic text
- Emphasized text
- Marked text
- Small text
- Deleted text
- Inserted text
- Subscripts
- Superscripts
HTML Bold and Strong Formatting
HTML < b > mendefinisikan teks tebal ,
<p>Text Normal.</p>
<p><b>Text Bold</b>.</p>
<p><b>Text Bold</b>.</p>
HTML Italic and Emphasized Formatting
HTML < i > mendefinisikan teks miring ,
Example
<p>text normal.</p>
<p><i>textita lic</i>.</p>
<p><i>textita lic</i>.</p>
BODY
Dokumen HTML diapit oleh tag
<body> </body> didalam bagian ini biasanya dimuat untuk
tag menggambarkan isi halaman yang terlihat seperti text ,imaget
link, dan semua yang akan di tampilkan pada web page
Block level element
Tag dengan tipe block level element, bertujuan untuk membagi halaman HTML menjadi bagian yang terpisah, atau menjadi ‘blok’. Contoh dari blok elemen ini adalah tag paragraf (<p>), list (<ol> atau <ul>), dan heading (<h1> s/d <h6>). Block element akan ditampilkan terpisah dari seluruh tag sebelum dan sesudahnya.
Web
browser secara default akan
menampilkan blok level elemen secara terpisah seolah-olah dalam sebuah ‘kotak’ dan dimulai pada baris baru (tidak
mengikuti tag sebelumnya). Dan biasanya ju
Berikut adalah contoh tag paragraf (<ol> atau <ul>) dalam HTML:
bisa di copas nih hehehehe
BalasHapusBisa saja tapi sertakan link dan sumber :v
BalasHapussedot gan
BalasHapus