Mark Up Language
•Mark up : informasitambahanyang ditempatkanpada
teksuntukmenjelaskanbagaimanatekstersebut
diinterpretasi
•Mark up ditambahkanbukanuntuktampilantetapi
untukmemberikanstrukturinterpretasi/pemberianarti
•HTML (HyperTextMarkup Language) merupakansubset
dariSGML (Standard Generalized Markup Language)
Contohsubset lain dariSGML :
•XML (eXtensibleMarkup Language)
•SMIL (Synchronized Multimedia Integration Language)
•MathML(Mathematical Markup Language)
•CML (Chemical Markup Language)
2
TentangHTML
•HTML : format standaruntukmembuatdokumen
web
•HTML versiterakhir: HTML 4.01
•SpesifikasiHTML standar:
http://www.w3.org/TR/html4
•HTML merupakanbahasabertanda,
menggunakanrangkaiantekstertentu(tag)
untukmenandaiteksyang mempunyai
interpretasikhusus
•File HTML berupafile teks(plain text file), bukan
binary file
3
ContohDokumenHTML
Homepage saya
Saya
Perkenalan
Perkenalkan, namasaya..... Iniadalahhomepage
pertama saya, karenasayabarubelajartentang
caramembuathomepage.
4
HTML Authoring Tools
Visual Editor
•Macromedia
DreamWeaver
•MS Word
•dl
Text Editor
•OS default
–notepad (Windows)
–vi (Unix)
•Third party
–EditPlus, Crimson
Editor, UltraEdit
(Windows)
–joe(Linux)
–dl
l
l
5
DaftarTag
Gantibaris
Fontd
Enumerasi
Garismendatar
![]()
Gambar
Link (kaitan)
Tabel
Komentar
Dokumen
Header
Juduldokumen
<body> Isidokumen
<h1> Judulparagraf
<p> Paragraf
<b> <i> <u>
<sup> <sub> Atribut
6
MengenaiPenulisanTag
•Tag dibentukolehsuatukata(keyword) yang
diapitolehtandakurunglancip(<tag>)
•Tag bolehditulisdalamhurufkecilmaupun
kapitald
•Tag harusberpasangan, yaitutag awaldiikuti
tag akhir, kecualitag tunggal
<p> teks</p> <br> <hr />
•Diantaratag awaldantag akhirbisaterdapat
tag lain
•Penulisantag tidakbolehtumpangtindih
<tag1><tag2> teks</tag1></tag2> →penulisanyang salah
<tag1><tag2> teks</tag2></tag1> →penulisanyang benar
7
SkemaDasarHTML
<HTML>
<HEAD>
<TITLE>Juduldokumen
Isidokumen
8
MengenaiPenulisanHTML
•Browser HTML menginterpretasikansatuatau
beberapaspace yang berdekatansebagaisebuah
space
teksteksteksteks
dianggapsebagai:
teksteksteksteks
•Browser HTML menginterpretasikanCarriage Return
(Enter) danindentasi(Tab) sebagaisebuahspace
•Adabeberapakarakterkhususyang dapat
direpresentasikandengankodetertentu
– spasi
–< <
–> >
–& &
–" "
9
Tag Dasar
•HTML: menandaiawaldanakhirdokumenHTML
dokumen
•Head: menandaibagianheader dokumenHTML
header
•Title: memberijudulpadadokumenHTML
juduldokumen
•Body: menandaiawaldanakhirisidokumen
isidokumen
isidokumen
10
Tag Judul(Heading)
Judulparagraf
n = 1,2,3,4,5,6 (tingkatjudul)
Untukmenuliskanjudulsuatuparagraf
11
Tag Paragraf(Paragraph)
paragraf
Untukmenandaisuatuparagraf.
Suatuparagrafakanterlihatdibatasiolehsatubaris
kosongsebelumdansesudahnya.
12
Tag Atribut1 (Bold, Italic, Underline)
Kalimatyang dicetaktebal
Kalimatyang dicetakmiring
Kalimatyang digarisbawahi
Untukmenandaibagiankalimatagar dicetaktebal,
miring, dan/ataudigarisbawahi.
13
Tag Atribut2 (Superscript, Subscript)
bagianyang dicetaktinggi
bagianyang dicetakrendah
Untukmenandaibagiankarakteragar dicetak
tinggiataurendah, biasanyauntukrumus
matematikaataukimia.
14
Tag GantiBaris(Break line)
Untukpindahkebarisberikutnya.
Bentukpenulisanlain yang dianjurkan(XML style) :
15
Tag Fontd(size)
Memformatsuatubagiankalimatdenganukuran,jenishuruf, atauwarnatertentu.Tag : font Parameter : size, face, color
16
Tag Fontd(face)
Memformatsuatubagiankalimatdenganukuran,jenishuruf, atauwarnatertentu.Tag : font Parameter : size, face, color
17
Tag Fontd(color)
Memformatsuatubagiankalimatdenganukuran,
jenishuruf, atauwarnatertentu.
Tag : font Parameter : size, face, color
18
Tag Enumerasi
(List, Unnumbered List, Ordered List)
item
Untukmenandaisuatuitem daridaftar(enumerasi), diawali
dengansimbol•(bullet)
Kelompokitem harusdiapitolehtag dalamdaftarbertingkat.
Untukmenomorienumerasidengannomorurut(1,2,3), apitlahdengantag
19
Tag GarisMendatar(Horizontal Line)
membentukgarispemisahmendatar.
Bentukpenulisanlain yang dianjurkan(XML style) :
20
Tag Gambar(Image)
NamaFileGambar= file gambaryang mempunyaiekstensi.GIF, .JPG, atau.PNG.
Untukmenampilkansebuahfile gambar.
Bentukpenulisanlain yang dianjurkan(XML style) :
21
Tag Link (Anchor)
Katayang di-click
Katayang dituju
Link = AlamatURL ataunamafile dan/atauacuanyang dituju
Acuan= Katasembarangsebagaipenanda
membentuklink keURL/file/bagiandokumenlain.
22
Tag Tabel(Table) -data
Menampilkandata dalambentuktabel
Tabeldidefinisikandengancaramenyatakanbaris-barisdankolom-kolom.
Tag untukpenandabarisadalah definisibaris
Tag untukpenandakolomadalahdata |
23
Tag Tabel(Table) -layout
Untukmenataletak(layout) isidokumen(walaupun
hakikatnyabukanuntukkeperluanini)
24
Tidak ada komentar:
Posting Komentar