Bernadus Rossi Zakaria: Tugas Merangkum Materi Pak Barka HTML dari awal sampai tabel nomormahasiswa 14.12.7859

Tentang HTML

· HTML : format standar untuk membuat dokumen web

· HTML versiterakhir: HTML 4.01

· Spesifikasi HTML standar: http://www.w3.org/TR/html4

· HTML merupakan bahasa bertanda,menggunakan rangkaian teks tertentu(tag) untuk menandai teks yang mempunyai interpretasi khusus

· File HTML berupafile teks(plain text file), bukan binary file

Contoh Dokumen HTML

<html>

<head>

<title>Homepage saya</title>

</head>

<body>

<h2>Perkenalan</h2>

<p>Perkenalkan, nama saya..... Ini adalah<i>homepage</i><b>pertama</b> saya, karena saya baru belajar tentang cara membuat<b><i>homepage</i></b>.

</p>

</body>

</html> <!—akhir dokumen HTML -->

Daftar Tag

<html> Dokumen <br> Ganti baris

<head> Header < font> Font

<title> Judul dokumen <li> Enumerasi

<body> Isi dokumen <hr> Garis mendatar

<h1> Judul paragraph <img> Gambar

<p> Paragraf <a> Link (kaitan)

<b> <i> <u> <table> Tabel

<sup> <sub> Atribut  Komentar

Mengenai Penulisan Tag

—Tag dibentuk oleh suatu kata(keyword) yang diapit oleh tanda kurung lancip (<tag>)

—Tag boleh ditulis dalam huruf kecil maupun kapital

—Tag harus berpasangan, yaitu tag awal diikuti tag akhir, kecuali tag tunggal

<p> teks</p> <br> <hr />

—Diantara tag awal dan tag akhir bisa terdapat tag lain

—Penulisan tag tidak boleh tumpang tindih

<tag1><tag2> teks</tag1></tag2> →penulisanyang salah

<tag1><tag2> teks</tag2></tag1> →penulisanyang benar

Skema Dasar HTML

< HTML>

<HEAD>

<TITLE>Juduldokumen</TITLE>

</HEAD>

<BODY>

Isidokumen

</BODY>

</HTML>

Tag Judul (Heading)

<hn>Judul paragraf</hn>

Tag Paragraf (Paragraph)

<p>paragraf</p>

Memasukan gambar

<html>

<body>
<h2>Spectacular Mountains</h2>
<img src="pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px">
</body>

</html>

Defining HTML Tables
Example
<table style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>

Tag Atribut1 (Bold, Italic, Underline)

<b>Kalimatyang dicetaktebal</b>

<i>Kalimatyang dicetakmiring</i>

<u>Kalimatyang digarisbawahi</u>

Tag Atribut2 (Superscript, Subscript)

<sup>bagian yang dicetak tinggi</sup>

<sub>bagian yang dicetak rendah</sub>

Tag Ganti Baris (Break line)

ini digunakan setiap akhir kalimat, lali ingin meneruskan kalimat kebawahnya <br>

Animasi dalam HTML

Teks Berkedip

TEXT

Menggerakan Teks dari kanan ke kiri

Menggerkan Teks dari kiri ke kanan

The href Attribute

HTML link dilambangkan dengan <a>
Example
<a href="http://www.w3schools.com">Ini adalah linknnya</a>

Font size
<font size="n"> kalimat </font>
<font size="m"> kalimat </font>

"n"=1,2,3,4,5,6,7(ukuran huruf)

"m"=-1,-2,-3,-4,-5,-6,-7(ukuran huruf)

Font face
<font face="nama font"> kalimat </font>

nama font = Times new roman, Arial, dll

Font color
<font color="#RRGGBB"> kalimat </font>

Bernadus Rossi Zakaria

Kamis, 09 Oktober 2014

Tugas Merangkum Materi Pak Barka HTML dari awal sampai tabel nomormahasiswa 14.12.7859

2 komentar: