Hayati Ramadhani XII TKJ 1

A.
SEJARAH HTMLp
Hypertext Markup Langguae (HTML) adalah bahasa yang
digunakan untuk menulis halaman web. HTML merupakan pengembangan
dari standar pemformatan dokumen teks yaitu Standar Generalized
Markup Langguage (SGML).
HTML dibuat oleh Tim Berners-Lee ketika masih berkerja untuk CERN
dan dipopulerkan oleh browser Mosaic. Selama awal tahun 1990 HTML
mengalami perkembangan yang sangat pesat. Namun perkembangan resmi
dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering
task Force).
B. DASAR-DASAR HTML
Mendesain HTML berarti melakukan suatu tindakan pemograman.
Namun HTML bukanlah sebuah bahasa pemograman, karena sifatnya yang
hanya memberikan tanda ( Marking Up) pada suatu dokumen teks dan bukan
sebagai program.
Mendesain HTML dapat dilakukan dengan dua cara:
1. Mengunakan HTML editor, seperti Microsoft Frontpage dll.
2. Dengan cara menulis sendiri secara manual satu persatu tag-tag HTML
ke dalam dokumen HTML, seperti notepad.
Kelebihan dan kekurangan dari dua cara diatas . Cara pertama
kelebihanya adalah HTML
Editor merupakan sebuah program yang
khusus didesain unutuk membuat , melakukan editing bahkan mempublikasikan ke internet. Sedangkan cara kedua adalaha menulis secara
manual satu persatu tag-tag HTML.
STRUKTUR DOKUMEN HTML

Cara sederhana HTML terdiri dari dua bagian yaitu Header dan
Body. Struktur HTML diapit tag awal < HTML> dan tag akhir </ HTML>.
< HTML>
<HEAD>
</HEAD>
Deskrisi Dokumen
</BODY>
</ HTML>
Isi Dokumen
Contoh:
< HTML>
<HEAD>
<TITLE> Selamat Datang di Homepage saya </TITLE>
</HEAD>
Halo, apakabar?. Homepage ini adalah hasil karya saya yang
pertama.
</BODY>
Page
</ HTML>
Attribute : Attribute mendefnisikan property dari suatu tempat element <

HTML>, yang terdiri
atas nama dan nilai.
<TAG
nama-attar=nilai-attar
nama-attar=nilai-attar
.............................
>
</TAG>
Secara umum nilai attribute harus berada dalam tanda petik satu atau
dua. Sebagai contoh , untuk membuat warna teks menjadi kuning dan
latar belakang halaman web menjadi hitam , penulisanya adalah <body
bgcolor=blacktext=yellow>
Color merupakan attribute yang bisa anda tambakan pada beberapa
element seperti body, link, font, dll. Color dibagi dalam tiga kategori
warna primer yaitu red, green dan blue. Masing-masing colr dedifinisikan
dalam dua digit kategori hexadecimal number.
#RRGGBB
Hexadecimal
#FF0000
#00FF00
#000000
#FFFFFF
Color
Red
Green
Blue
White
Element : Menyatakan pada browser bahwa dokumen Web yang digunakan

adalah HTML .
HTML
Sintaks:
<html>
...............
</html>
Element
:
Merupakan kepala dari dokumen HTML.
Head
Sintaks:
<head>
................
</head>
Element
:
Merupakan judul dari dokumen HTML.
Title
Sintaks:
Page
Elemen
<title>
................
</title>
:
Element ini untuk menampilkan isi dokumen HTML
Body
Sintaks:
<body>
text+v
bgcolor=w
link=x
alink=y vlink=z
..................
</body>
background=uri
C.HTML format text

1) Heading
Heading pada HTML mengenal 6 level heading mulai 1 ( terbesar ) sampai
6. Heading level 1 biasanya untuk judul utama . Element ini mempunyai
attribut yaiti align yang bernilain left, center, right yang
menspesifikasikan posisi horizontal dari header ( default: left ).
Contoh:
< HTML>
<HEAD>
<TITLE>Headings</TITLE>
</HEAD>
<BODY>
<H1> Heading Level 1</H1>
</BODY>
</ HTML>
2) Paragraf
Untuk membuat paragraf digunakan tag . Setelah tag , bisa
menulis paragraf dan paragraf tersebut harus diakhiri dengan penutup
.
Contoh:
< HTML>
<HEAD>
<TITLE> Paragraf </TITLE>
</HEAD>
<BODY>

Pernah mendengar istilah browsing atau nge-browsing? Seperti
yang telah disampaikan
pada materi sebelumnya bahwa internet
bisa diibaratkan sebagai sebuah perkampungan maya.

Informasi di internet biasanya diletakan pada berbagai halaman
web yang
menggunakan teknologi HTML yang berupa kode-kode
yang dapat dibaca oleh komputer yang diengkapi program browser.
Page

Iternet explorer adalah browser yang disertakan dengan sistem
operasi windows, maka ketika menginstal windows Internet explorer
terinstalkan.

</BODY>
</ HTML>
3) Format Text Fhysical Formatting
Element B untuk cetak tebal (bold). atau 

Element I untuk cetak miring (italic). atau 
Element U untuk cetak garis bawah (underline). atau <ins>
Contoh:
< HTML>
<HEAD>
<TITLE> BOLD ITALIC UNDERLINE </TITLE>
</HEAD>
<BODY>


Pernah mendengar istilah browsing atau nge-browsing? Seperti
yang telah disampaikan pada materi sebelumnya bahwa internet bisa
diibaratkan
sebagai sebuah perkampungan maya.



web yang



Iternet explorer adalah browser yang disertakan dengan sistem
operasi windows, maka ketika menginstal windows Internet explorer
terinstalkan.
,/U>

</BODY>
</ HTML>
Element BIG berfungsi untuk membuat ukuran texs lebih besar dari normal,
<big>
Element SMALL berfungsi untuk membuat ukuran texs
lebih kecil dari normal, 
Element STRIKE/DEL berfungsi untuk
memberi garis di tengah text/ text coret, <strike> Element SUP berfungsi
untuk memformat text menjadi superscript, 
Element SUB
berfungsi untuk memformat text menjadi suberscript, 
Contoh:
< HTML>
<HEAD>
<TITLE> BIG SMALL STRIKE SUP SUB </ TITLE>
Page
</HEAD>
<BODY>
 text ukuran biasa
 <BIG> text besar </BIG>
 text kecil 
 <STRIKE> text dicoret < /STRIKE>
 text ukuran biasa superscript 
 text ukuran biasa suBerscript 

</BODY>
</ HTML>
4) Extended Quatations/ Blockquote
Peritah tag <BLOCKQUOTE> digunakan untuk menulis kutipan teks

panjang . Dengan perintah ini browser akan menampilkan teks menjorok ke
dalam (meng-identitasi teks).
Contoh:
< HTML>
<HEAD>
<TITLE> BLOCKQUOTE < /TITLE>
</HEAD>
<BODY>
<H3>Browsing </H3>
<BLOCKQUOTE>
web yang
</BLOCKQUOTE>
</BODY>
</HTML>
5) Performatted Text
Performatted Text (PRE) digunakan untuk menampilkan teks sama yang

diketikan dalam dokumen HTML. Browser akan menampilkan dalam font
monospaced, yaitu seperti terlihat dalam teks yang ditampilkan oleh
aplokasi berbasis teks ( misalnya telnet).
< HTML>
<HEAD>
<TITLE> Performatted < /TITLE>
</HEAD>
<BODY>
<PRE>
web yang
</ PRE >
</BODY>
</HTML>
Page
6) Begin Row (BR) / Line Break
Tag ini digunakan untuk menulis teks pada baris berikutnya atau berfungsi
untuk ganti baris . Tag membuat baris baru tanpa memberi baris
kosong dibawahnya. Element BR ini tidak mempunyai tag penutup .
Contoh:
< HTML>
<HEAD>
<TITLE> Begin Row< /TITLE>
</HEAD>
<BODY>
 banyak cara yang dapat digunakan untuk melakukan
instalasi freeBSD .
Namun ada tiga cara yang paling sering
dilakukan , yaitu:
 instalasi melalui FTP
 instalasi melalui CDROM
 instalasi melalui Partisi DOS
</BODY>
</HTML>
Page

Hayati Ramadhani XII TKJ 1

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Hayati Ramadhani XII TKJ 1

Загружено:

Авторское право:

Доступные форматы

A.

STRUKTUR DOKUMEN HTML

Attribute : Attribute mendefnisikan property dari suatu tempat element <

Element : Menyatakan pada browser bahwa dokumen Web yang digunakan

C.HTML format text

3) Format Text Fhysical Formatting

Element B untuk cetak tebal (bold). <b> atau <strong>

4) Extended Quatations/ Blockquote

Peritah tag <BLOCKQUOTE> digunakan untuk menulis kutipan teks

Performatted Text (PRE) digunakan untuk menampilkan teks sama yang

6) Begin Row (BR) / Line Break

Вам также может понравиться