Selasa, 11 November 2008

TUGAS HTML DIMA



1). Jelaskan Pengertian singkat HTML

HTML singkatan dari Hyper Text Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafistag" atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor. dari sebuah halaman web. Didalam file HTML terdapat beberapa "

File HTML dapat dibuat dengan aplikasi text editor apapun di sistem operasi apapun, antara lain : Notepad di Windows, emasc atau vi di Unix atau SimpleText di Macintosh. File HTML ini juga bisa dibuat di aplikasi word processor apapun asalkan saat menyimpan file tersebut disimpan dengan format text-only.

Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat pembuatannya menggunakan satu OS tertentu saja.



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


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



3).Buat struktur Umum HTML

<HTML>
<HEAD>
<TITLE>
....Tulis Judul HTML yang akan anda ciptakan....
</TITLE>
</HEAD>
<BODY>
....Tulis isi dari judul HTML yang akan anda ciptakan....
</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 akan anda ciptakan. Contoh pada struktur sederhana HTML :

<HTML>
<HEAD>
<TITLE>
DIMA LEMPARMANGGA DISINI
</TITLE>
</HEAD>
<BODY>
DIMA EMANG KEREN
</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)


A). <hr> --> membuat garis horizontal
Contoh :
hai
<hr>
dima

akan menjadi :

hai


dima

B). <br> --> pindah baris (layaknya Enter pada keyboard)
Contoh :
Kamu cantik <br>tapi kamu sundel
akan menjadi :
Kamu cantik
tapi kamu sundel

C). <i> --> membuat teks menjadi miring
<i>Kamu jelek</i>

akan menjadi :

Kamu Jelek

D). <u> --> membuat teks bergaris bawah
Contoh :
<u>Dima Cakep</u>

E). <b> --> membuat teks menjadi tebal
Contoh :
<b> Dima Cakep</b>

F). <marquee> --> membuat teks berjalan
Contoh :
<marquee> Dima Cakep </marquee>

G). <blink> --> Membuat teks berkedip
Contoh :
<blink>Dima Cakep</blink>

H). <body> --> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
Contoh :
<body>
Dima Cakep
Dima Cakep
Dima Cakep
Dima Cakep
</body>

I). <title> --> Mendefinisikan title
Contoh :
<title>
Dima Lempmang Punya
</title>

J). <big> --> Memperbesar ukuran teks sebesar satu point dari defaultnya
Contoh :
<big>
lempmang
</big>

K). <center> --> Untuk perataan tengah terhadap teks atau gambar
Contoh :
<center>Dima Lempmang</center>

L). <head> --> Mendefinisikan head document.
Contoh :
<head>Dima Lempmang</head>

M). <img> --> Image, imagemap atau an animation
Contoh :
<img src="Lempmang" alt="blabla" title="bla bla bla" />

N). <p> --> Ganti paragraf
Contoh :
<p>Paragraf dima</p>

O). <table> --> Membuat tabel
Contoh :
<table border = "1">
<tr>
<td>Dima 1</td>
<td>Dima 2</td>
</tr>
</table>

P). <h> --> Heading didefinisikan dengan tag <h1> sampe <h6>. H1 akan membuat teks dalam ukuran heading terbesar, dan H6 akan membuat teks dalam ukuran heding paling kecil
Contoh :
<h1>Lemparmangga di sini</h1>

<h2>Lemparmangga di sini</h2>

<h3>Lemparmangga di sini</h3>

<h4>Lemparmangga di sini</h4>

<h5>Lemparmangga di sini</h5>

<h6>Lemparmangga di sini</h6>