Nama :
Syaiful Adi Pahlevi
NIM :
13.12.7192
Kelas :
13-S1.SI01
Mata Kuliah :
Perancangan Website
Laporan
View Materi Pertemuan 2
HTML (HYPERTEXT MARKUP LANGUAGE)
·
HTML
(hypertext markup language) merupakan suatu format yang digunakan dalam
pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTML dirancang untuk digunakan
tanpa tergantung pada suatu platform tertentu. Dokumen HTML adalah suatu
dokumen teks biasa dan disebut markup language karena menggunakan
tanda-tanda tertentu yang disebut tag untuk mengatur bagaimana suatu
dokumen ditampilkan pada browser.
·
HTML Bukan
Bahasa Pemrograman
Dokumen HTML memiliki struktur
dasar atau susunan file sebagai berikut
<html>
<head>
<title>berisi
teks yang akan muncul pada title bar browser</title>
</head>
<body>
berisi teks, gambar, atau apapun yang ingin
ditampilkan
pada
halaman web ada pada bagian ini.
</body>
</html>
Contoh-contoh dasar HTML
1. 1.Cara menambahkan link
<html>
<head>
<title>Penggunaan BODY</title>
</head>
<body bgcolor="silver" text="blue" vlink="#ff0000"
link="green">
Ini
adalah contoh penggunaan body.
Dan ini
adalah sebuah <a href="">link</a>.
</body>
</html>
1. 2..Cara
memberi komentar
<html>
<head>
<title>Penggunaan Komentar</title>
</head>
<body>
<!-- ini
merupakan suatu komentar -->
Selamat
belajar html<br>. Semoga sukses!
</body>
</html>
1. 3.Cara
memformat Dokumen HTML
<html>
<head>
<title>Latihan Heading</title>
</head>
<body>
<h1>Ini Heading 1</h1>
<h2>Ini Heading 2</h2>
<h3>Ini Heading 3</h3>
<h4>Ini Heading 4</h4>
<h5>Ini Heading 5</h5>
<h6>Ini Heading 6</h6>
</body>
</html>
1. 4.Cara
menggabungkan dasar-dasar HTML diatas
<html>
<head>
<title>Cerita Ramayana</title>
</head>
<body>
<a href="">link</a>
Cerita wayang
Ramayana, di Kerajaan Alengka Diraja
<br>Rahwana membuat geger karena
menculik Dewi Sinta
<p>Anoman, Si Kera Putih
ditugaskan Tukul
Arwana untuk menjemput Sinta
</p>
Tukul Arwana tidak
sempat menjeputnya, karena sedang
mengisi acara di
stasiun TV Swasta
<hr />
Rama Tukul Arwana
<hr />
<br />
<h1>Bab I HTML</h1>
Ini adalah isi Bab I
<h2>1.1 Subbab HTML</h2>
Ini adalah isi Subbab
1.1
<h3>1.1.1 Sub-Subbab HTML</h3>
Ini adalah isi Sub
Subbab 1.1.1
</body>
</html>
Tidak ada komentar:
Posting Komentar