a) Isi file html
<html>
<head>
<title>struktur dasar HTML< /title>
</head>
<body>rekayasa web dan internet</body>
</html>
b) Heading
HTML merupakan 6 level heading,mulai 1 (terbesar) sampai 6. heading ditampilkan dengan fot lebih besar dan tebal dari pada teks normal.
<h1>heading level 1</h1>,<h2>heading level 2</h2>dst.
contoh pengguaa heading
<html>
<head>
<title>tag heading</title>
</head>
<body>
<h6>heading 6</h6>
<h5>heading 5</h5>
<h4>heading 4</h4>
<h3>heading 3</h3>
<h2>heading 2</h2>
<h1>heading 1</h1>
</body>
</html>
c) Baris
Setiap ada baris baru diawali dengan <br> dan diakhiri dengan</br>
<html>
<head>
<title>penggunaan baris</title>
</head>
<body> baris.setiap ada baris baru diawali dengan <br> dan di akhiri dengan</br>
</body>
</html>
d) Paragraf
Setiap ada paragraf baru diawali dengan <p> dan diakhiri dengan</p>,dst
<html>
<head>
<title>penggunaan paragraf</tittle>
</head>
<body> paragraf.<p>setiap ada paragraf baru </p>AMIK Tomakaka Majene
</body>
</html>
e) List
HTML mendukung daftar (list) tidak bernomor,bernomor.
Tidak bernomor (unordered list) :
<ul>
<li>satu
<li>dua
<li>tiga
</ul>
contoh penggunaa list :
<Html>
</html>
<head>
<title>list(UnOrdered list)</title>
</head>
<body>
<ul>
<li>Manajemen Informatika
<li>Teknik Informatika
</ul>
</body>
</html>
Bernomor (ordered list)
<ol>
<li>satu
<li>dua
<li>tiga
</ol>
contoh peggunaan list :
<Html>
</html>
<head>
<title>list (Ordered list)</title>
</head>
<body>
<ol>
<li>Manajemen Informatika
<li>Teknik Informatika
</ol>
</body>
</html>
f) Performatted Text.
Dalam HTML,spasi,tab dan baris baru (enter) tidak memiliki pengaruh. agar format tampilan sesuai dengan sourcenya, maka diperlukan tag <pre>
<html>
<head>
<title>pengguaan preformatted text</title>
</head>
<body>
Biodataku
<pre>
Nama : Maspiati
Tanggal : 20 Desember 1993
Alamat : Lembang
</pre>
</body>
</html>
g) Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris.
Berikut contoh untuk membuat sebuah tabel yang terdiri dari 3 baris dan 2 kolom.
<html>
<head>
<title>membuat tabel</title>
</head>
<body>
<table>
<table border=2>
<caption>data mahasiswa</captio>
<tr>
<td>121925071078</td>
<td>Maspiati</td>
</tr>
<tr>
<td>001</td>
<td>ACO<?td>
</tr>
<tr>
< td>002</td>
<td>CICI</td>
</tr>
</body>
</html>
ketrangan :
a) <table> </table> : mendefenisikan bahwa teks didalamnya merupakan teg-tag pembuatan tabel.
b) <table border=2> :mendefenisikan penentuan ada atau tidaknya serta ukuran border pada tabel.
c) <tr> </tr> : table row, mendefenisikan bahwa teks di dalamnya akan berada dalamnya akan berada dalam satu baris.banyaknya tag <tr></tr> menunjukkan banyakya baris pada suatu tabel.
d) <td> </td> : table division,mendefinisikan isi dari suatu kolom, tag ini selalu berada di dalam tag <tr></tr>.banyaknya tag <td></td> diantara tag </tr></tr> menunjukka banyaknya kolom dalam suatu baris.
h)Atribut
merupakan yang bisa anda tambahkan pada beberapa element seperti body, font, link dan lainnya.
<html>
<head>
<title>FONT</title>
</head>
<marquee><u><b><penggunaan
Font</b></u></marquee>
<br><br>
<b><i>ini huruf tebal dengan tag bold italic
<p align="center">
<font face="calibri"><i><font
color="#0000ff"><b><font size="10">
contoh huruf pilihan : calibri, biru, italic, warna biru dengan ukuran size no.10, rapat tengah.
</b></fonto></i></font>
</p>
</body>
</html>
keteranga :
- <marquee></marquee>animasi teks yang bergerak.
- <b></b> menandakan teks bold
- <u></u> meandakan teks underlie
- <i></i> menandakan teks italic
- <p alig="center"></p>
paragraf baru yang akan dirata tengahkan.
- <font face="calibri"></font> jenis huruf yang di gunakan adalah calibri
color di bagi dalam tiga kategori warna primer yaitu red, green dan blue. masing-masing color didefenisikan dalam dua digit hexadecimal number.
Format warna : #RRGGBB
Hexadecimal Color
#FF0000 RED
#00FFOO Green
#0000FF Blue
#000000 Black
#FFFFFF White
<html>
<head>
<title>Background Color and Font Color<title>
</head>
<body bgcolor="#00ff00">
<font color="#ff0000">Rekayasa web</font>
</body>
</html>
keterangan :
1) background warna
<body bgcolor="00ff00">background diatas berwarna hijau
2) font warna
<font color="#ff0014"></font>teks diatas berwarna merah
Tidak ada komentar:
Posting Komentar