Anda di halaman 1dari 4

1.

HTML & CSS

1.1. Tag

Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text
HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya
kepada web browser. Dokumen HTML terdiri dari tag-tag dan attribut yang menyertai tag
tersebut. Tag merupakan perintah untuk membentuk tampilan halaman website. Attribut
menentukan spesifikasi dari suatu tag. Tag ditulis dengan menggunakan tanda “<..>” dan biasanya
diakhiri dengan tanda “</..>”. Bentuk umum penulisan tag :

<tag> isi tag </tag>

Tag yang umum digunakan pada html :

Tag Fungsi

<!-- --> Komentar

<html></html> Pembuka dan penutup dukumen HTML

<head></head> Bagian kepala html

<body></body> Isi dokumen html

<a href= “#”>link </a> Link/url

<title></tittle> Judul tittle bar pada html

<table></table> table

<ul></ul> Unorder list

<ol></ul> Ordered list


1.2. Elemen HTML

Elemen HTML merupakan susunan struktur penulisan pada dokumen HTML. Susunan penulisan
HTML dimulai dengan tag <html> sebagai parent awal. Di dalam tag html umumnya terdapat 2
tag yang menjadi child yaitu tag head dan body. Tag head digunakan untuk mendefinisikan title
dan library-library yang digunakan seperti CSS dan javascript.

tag Penutup tag


<html>
<head>
<title>Judul Taksbar</title>
<style></style>
<script></script>
</head>
<body bgcolor=’#FFFFFF’>
.
.
.
.
. Attiribut value
</body>
</html>

1.3. Operasi Teks

Sub bab ini membahas tentang tag-tag yang umum digunakan pada Operasi yang berhubungan
dengan teks, antara lain heading, paragraph, list, text style (bold, italic, underline), subscript dan
superscript.
<html>
<head>
<title>Pertemuan 1</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h6>Heading 6</h6>
<p align="left">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p align="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p align="center">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p align="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<ul>
<li>List1</li>
<li>List2</li>
<li>List3</li>
</ul>

<ol>
<li>List1</li>
<li>List2</li>
<li>List3</li>
</ol>
<b>tulisan tebal</b><br><i>tulisan miring</i></br>
<u>garis bawah</u><small>tulisan kecil</small></br>
<strong>tag strong</strong>n<sup>2</sup></br>
n<sub>2</sub></br>
</body>
</html>

Anda mungkin juga menyukai