Yuk,
Belajar HTML
· Struktur
Dokumen HTML
Hypertext
Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. Untuk
menyampaikan ide da web browser, HTML menggunakan apa yang dinamakan tag. Tag selalu
ditulis dantara tanda lebih keci dan tan lebih besar(<tag>).
Secara
sederhana HTML terdiri dari dua bagian yaitu Header dan Body.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
2.1. HEADING
Sekumpulan
kata ang menjadi judul atau subudul dalam suatu dokumen HTML.
Heading
BERBEDA dengan Title, karena title adalah judu dari dokumenTML yang bisa kita
lihat pada title bar browser.
2.2. PARAGRAF
<P> </P>
Atau
<P
ALIGN =”right”> </P>
(bisa
diganti right, left, center, atau justify>
2.3.
HYPERLINK
Perintah
anchor(A)digunakan untuk membuat suatu link
<A
href “nama_dokumen”> teks pada
browser </A>
2.4 Grafik
dalam HTML
Untuk
menyisipkan gambar dalam web, dapat kita gunakan perintah :
<
IMG SRC = “ file_gambar” ALT=”nama_alternatif”>
2.5. TABEL
<CAPTION>
. . . . .</CAPTION>
Digunakan
untuk membentuk judul table.
<TH>
. . . . .</TH>
Table
header berfungsi meletakkan judul kolom di bagian paling atas atau paling kiri
dari suatu table. Table header akan dicetak dalam huruf tebal (BOLD).
<TR>
. . . . .</TR>
Dipakai
untuk membentuk baris pada table.
<TD>
. . . . . . </TD>
Digunakan untuk menulis data
atau informasi dalam table.
Ada juga perintah untuk
menggabungkan baris atau kolom, yaitu, COLSPAN dan ROWSPAN
Untuk member warna pada
latar belakang dapat kita gunakan perintah BGCOLOR=”warna” dan untuk memberi warna
pada border dapat kita gunakan perintah BORDERCOLOR=”warna”.
Ada beberapa tag lain di
HTML seperti :
a. <BR>
teks</BR>
linebreak
berfungsi menulis teks pada baris berikutnya.
b. <B>teks</B>
Bold,
berfungsi menebalkan tulisan.
c. <I>
teks</I>
Italic,
berfungsi memiringkan tulisan.
Di percobaan
kali ini, saya menggunakan visual studio code, tapi kalo teman – teman belum
punya, kalian bisa menggunakan notepad yang diubah file extentionnya, dari .txt
menjadi .html ^.^
Berikut hasil percobaan saya :
<html>
<head>
<title> Biodata </title>
</head>
<body>
<h1>Biodata</h1>
<br> <img src="Ignas1.png" width = "200"/>
<br><font color = pink>Nama </font> :Ignatius <font color = hotpink>Aditya Timantha </font>Ginting
<br>TTL : Denpasar, 1 Maret 1999
<br>Hobi : Memancing
<br>Status : WNI
<br> <font color = ombre> Jangan Lupa Bahagia</font>
</body>
</html>
gambar2.1 Biodata
Berikut percobaan saya membuat Tabel
<html>
<head>
<title>Penggunaan Tag Table</title>
</head>
<body>
<center> <table border="1" bgcolor=pink>
<tr>
<td colspan="3" bgcolor= "Black" > <font color = "hotpink"><center><b>Daftar Mahasiswa PENS</b></center></font></td>
</tr>
<tr>
<td>Nama :</td>
<td> Ignatius Aditya Timantha Ginting</td>
<td rowspan="17"><img src = ignas1.png /></td>
</tr>
<tr>
<td>NRP :</td>
<td>1103181022</td>
</tr>
<tr>
<td>Program :</td>
<td>D3</td>
</tr>
<tr>
<td>Jurusan :</td>
<td>Teknik Elektronika</td>
</tr>
<tr>
<td>Kelas :</td>
<td>1</td>
</tr>
<tr>
<td>Pararel :</td>
<td>A</td>
</tr>
<tr>
<td>Dosen Wali :</td>
<td>Ni'am Tamami</td>
</tr>
<tr>
<td>Tanggal Lahir :</td>
<td>01-03-1999</td>
</tr>
<tr>
<td>Tempat Lahir :</td>
<td>Denpasar</td>
</tr>
<tr>
<td>Jenis Kelamin :</td>
<td>Laki-laki</td>
</tr>
<tr>
<td>Warga :</td>
<td> WNI</td>
</tr>
<tr>
<td>Agama :</td>
<td> Kristen Katolik</td>
</tr>
<tr>
<td>Golongan Darah :</td>
<td> O </td>
</tr>
<tr>
<td>Alamat :</td>
<td>Perumahan Makarya Binangun Jalan Dewi Sartika Timur II Blok R11 no. 6 / 61256 Kel : Janti Kec : Kec. Waru</td>
</tr>
<tr>
<td>Kota tempat tinggal :</td>
<td> Kabupaten Sidoarjo </td>
</tr>
<tr>
<td>No. Telpon :</td>
<td> 081*2651**99 </td>
</tr>
<tr>
<td>Jalur Penerimaan :</td>
<td> UMPTN </td>
</tr>
</center>
</table>
</body>
</html>
 |
Gambar 2.2 Table |
Sekian dulu yaa soal HTML, berikutnya bakal saya upload yang lebih indah dengan berbagai updatean informasi seputar HTML.
Tidak ada komentar:
Posting Komentar