Senin, 17 November 2008

tugas htmL

1). Jelaskan Pengertian singkat HTML

HTML adalah singkatan dari Hyper Text Markup Language. HTML merupakan bahasa (kode-kode) yang digunakan untuk membuat halaman web. HTML bukanlah bahasa program seperti C, C++, Pascal Visual Basic, Foxpro dan lain sebagainya. Dia lebih kepada bahasa yang menetapkan bentuk penjelasan dokumen. Jika anda menggunakan Internet ExplorerMozilla Firefox anda boleh melihat kode-kode halaman ini dengan mengklik kanan web tersebut, kemudian anda pilih menu View Source.

Bahasa HTML ini ditulis dengan menggunakan teks editor seperti Windows Notepad, Notepad++, Ms-Edit, dan file di simpan menggunakan extensi/sambungan .htm ataupun .html, Browser HTML seperti Internet Explorer atau Mozilla Firefox juga akan menerjemahkan kode-kode html dan membuat penjelasan seperti apa yang telah dikodekan.

Anda juga boleh membuat halaman web dengan menggunakan HTML Editor seperti Netscape Composer, Ms-Word 97 ataupun Microsoft FrontPage. Walau bagaimanapun, terdapat kelebihan serta kekurangan jika anda menggunakan HTML Editor yang disebutkan.

HTML dikembangkan oleh tim Beners Lee saat dia bekerja di CERN (sebuah laboratorium fisika partikel) di Jenewa Swiss



2).Sebutkan software yang diperlukan dalam membuat website static * editor : * browser


Pada editor terdapat:
-microsoft frontpage, notepad, macromedia dreamweaver.
Pada browser terdapat :
-apple safari, internet explorer, mozilla firefox, opera, google chrome.



3).Buat struktur Umum HTML

<HTML>
<HEAD>
<TITLE>
--Tulis Judul HTML yg Diinginkan--
</TITLE>
</HEAD>
<BODY>
--Tulis isi dari judul HTML yang diinginkan--
</BODY>
</HTML>



4).sebutkan langkah-langkah membuat dokumen HTML dengan editor Notepad, dan cara penyimpanan

a). Buka aplikasi Notepad, dengan cara klik Start -> All Programs -> Accessories -> Notepad.

b). Ketik Struktur HTML yang diinginkan. Contoh pada struktur sederhana HTML :

<HTML>
<HEAD>
<TITLE>
widi main bola
</TITLE>
</HEAD>
<BODY>
widi jatuh
</BODY>
</HTML>

c). Simpat struktur HTML tersebut dengan cara dengan cara klik file -> save ->(ketik nama file.HTML)-> save
*jangan lupa mengisi ".HTML" pada nama file yg anda simpan
*ganti "save as type" menjadi "all files"
*simpan file tersebut pada folder khusus

d). Jika ingin membuka HTML yang telah anda buat tadi caranya, buka browser pada komputer anda contoh pada mozilla firefox . Lalu klik File->Open File->(cari alamat atu tempat file HTML yang tadi anda simpan)->klik Open

5). Sebutkan tag -tag yang anda ketahui dan berikan contoh penggunannya (minimal 15 tag)


1). <table> -> Membuat tabel
Contoh :
<table border = "1">
<tr>
<td>Widi one</td>
<td>Widi two</td>
</tr>
</table>

2). <hr> -> membuat garis horizontal
Contoh :
haloo
<hr>
widi


3). <br> -> pindah baris
Contoh :
aku suka<br>tapi kamu ga suka

4). <u> -> membuat teks bergaris bawah
Contoh :
<u>Widi bagus </u>

5). <i> -> membuat teks menjadi miring
<i>Aku ganteng</i>

6). <b> -> membuat teks menjadi tebal
Contoh :
<b> Widi bagus</b>

7). <h> -> H1 akan membuat teks dalam ukuran heading terbesar, dan H6 akan membuat teks dalam ukuran heding paling kecil
Contoh :
<h1>Widi Main Bola</h1>

<h2>Widi Main Bola</h2>

<h3>Widi Main Bola</h3>

<h4>Widi Main Bola</h4>

<h5>Widi Main Bola</h5>

<h6>Widi Main Bola</h6>

8). <marquee> -> membuat teks berjalan
Contoh :
<marquee> Widi bagus </marquee>

9). <blink> -> Membuat teks berkedip
Contoh :
<blink>Widi bagus</blink>



10). <title> -> Mendefinisikan title
Contoh :
<title>
Widi bagus Widi bagus Widi bagus
</title>

11). <center> Untuk perataan tengah terhadap teks atau gambar
Contoh :
<center>Widi bagus</center>

12). <big> -> Memperbesar ukuran teks sebesar satu point dari defaultnya
Contoh :
<big>
Widi bagus
</big>

13). <head> -> Mendefinisikan head document.
Contoh :
<head>Widi bagus</head>

14). <p> -> Ganti paragraf
Contoh :
<p>Widi bola main</p>

15). <body> -> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
Contoh :
<body>
Widi bagus
Widi bagus
Widi bagus
Widi bagus
</body>

16). <img> -> Image, imagemap atau an animation
Contoh :
<img src="Widi bagus" alt="bagusl" title="ganteng" />

Tidak ada komentar: