WEB &
HTML
HARY RINALDI
ISTILAH
Website atau Homepage adalah satu set halaman-halaman yang berisi informasi yang ditempatkan
dalam satu hosting.
Hosting adalah ruangan harddisk dan fasilitas di komputer server internet dimana halaman web
Anda ditempatkan sehingga dapat dilihat oleh pemakai internet di seluruh dunia.
Domain adalah alamat website Anda di internet. Alamat ini bersifat unik artinya jika sudah
digunakan orang lain, maka Anda tidak bisa lagi memakainya. Contoh domain:
[Link]
Browser merupakan media untuk mengakses / menampilkan website (melakukan konversi syntax
menjadi tampilan website.
Editor adalah program yang di gunakan untuk membuat document HTML
JENIS WEBSITE
COMPANY PROFILE /PROFIL PERUSAHAAN
Berfungsi sebagai media Presentasi, informasi,
publikasi, Promosi, dan Pemasaran
Informasi / Berita, Media Informasi dan Berita
Merupakan media portal informasi online. Data yang
cepat diupdate dan akurat
SERVICE
Media untuk pelayanan, seperti webmail, search
engine, e-commerce.
WEBpage Anatomi
Back to Agenda
WEBpage Anatomi
Containing Logo Navigasi
Semua halaman web Saat web designer ingin Sistem navigasi harus
memiliki container. Di mempertahankan mudah ditemukan dan
dalam container berisi identitas perusahaan digunakan. Sebaiknya
seluruh form tag body / kedalam desainnya, navigasi diletakkan
div tag (dalam css) / mereka cukup sedekat mungkin dengan
tabel memperhatikan logo dan bagian atas dari layout
warna yang muncul dalam untuk memberikan kesan
marketing kit, seperti menu utama.
kartu nama, kop surat,
brosur, dan lain lain
WEBpage Anatomi
Content footer Whitespace
konten merupakan bagian Dialokasikan pada Whitespace (area
utama dalam sebuah bagian terbawah dalam bersih) merupakan area
website, bila isinya sebuah halaman web, yang tidak diisi dengan
menarik maka pengunjung footer biasanya berisi teks atau ilustrasi
akan menikmati apa yang hakcipta, kontak, dan apapun.
disajikan di dalam web informasi legal
perusahaan.
Pengenalan sebuah progam yang
HTML
dapat
menterjemahkan kode
perintah dari
Hyper Text Markup Languange dokumen HTML
tersebut sehingga
dapat kita lihat,
Merupakan bahasa standar untuk membuat suatu baca dan dengar
dokumen HTML (halaman web) yang terdiri dari
kode-kode singkat tertentu, dimana dengan kode-
kode tersebut akan memerintahkan Web browser
bagaimana untuk menampilkan halaman Web yang Dokumen HTML dengan
terdiri dari berbagai macam format file seperti extention ".htm"
teks, grafik, animasi, link maupun audio-video.
atau ".html".
Back to Agenda
Istilah HTML
TAG
Tag khusus berupa dua karakter “<” & “>” contoh :
<body> adalah Tag dengan nama BODY
ELEMENT
Element terdiri atas tiga bagian, yaitu tag pembuka,
Tag isi dan tag penutup.
Pembuka Tag Penutup
<title> Ini contoh </title>
Isi
Attribute
Attribute mendefenisikan properti dari suatu elemen
HTML, yang terdiri atas nama dan nilai.
<body bgcolor=”red”> Ini berwana merah </body>
Nilai Attribute
Back to Agenda Nama Attribute
STRUKTU ELEMNT HTML
<html>
<head>
<title> </title>
</head>
<body>
................. “ Memberitahukan
................. kepada browser bahwa
dokumen web yang di
.................
gunakan adalah
</body>
dokumen HTML
</html>
STRUKTU ELEMNT HTML
<html>
<head>
<title> </title>
</head>
<body>
................. “ Merupakan kepala
................. dari dokumen html
.................
</body>
</html>
STRUKTU ELEMNT HTML
<html>
<head>
<title> </title>
</head>
<body>
................. “ Merupakan judul dari
................. dokumen yang akan di
buat dan akan
.................
tampilkan pada
</body>
browser nantinya
</html>
STRUKTU ELEMNT HTML
<html>
<head>
<title> </title> “
merupakan isi dari dokumen
</head> yang akan ditampilkan pada
<body> halaman Browser nantinya.
Tag body mempunyai atribut-
.................
atribut yang
.................
menspesifikasikan khususnya
................. warna dan latar belakang
</body> dokumen yang akan
</html> ditampilakan pada halaman
browser.
BLOK LEVEL HTML
/ HEADING
Blok Level Elemen terdapat 6 <html>
tingkatan yaitu level 1 atau <head>
Heading 1 hingga level 6 atau <title> contoh Heading </title>
Heading 6. </head>
<body>
<H1 align=”Center”> Ujung </H1>
Heading digunakan untuk
<H2 align=”Right”> Kiri </H1>
menampilkan nama bab atau
<H1 align=”Left”> Kanan </H1>
bagian tertentu yang dianggap </body>
sebagai topic utama. </html>
Paragraf Tag <p> untuk menampilkan teks
<html> dalam bentuk paragraph. Dengan
<head> menggunakan tag <p>, format
<title> contoh Heading </title> tertentu bisa digunakan pada
paragrap tersebut.
</head>
<body>
<p align=”Justify”>
Justify adalah perintah pemformatan paragraf rata kanan kiri.
Perataan kanan kiri membuat dokumen menjadi lebih rapi dan indah.
Sehingga perataan ini sangat cocok untuk penulisan dokumen formal
yang panjang, misalnya buku, skripsi, tesis, disertasi, jurnal,
dan laporan
</body>
</html>
Font Tag <font> berfungsi untuk
<html> mengatur jenis huruf (face),
<head> ukuran huruf (size), dan warna
<title> contoh Heading </title> huruf (color).
</head>
<body>
<p align=”Justify”>
<font face=”arial” color=”green” size=”14">
saya paragraf yang berisis tentang bentuk warna,
ukuran dan jenis font
</font>
</p>
</body>
</html>