Damir Blog: LAPORAN PRAKTIKUM HTML

PRAKTIKUM I

DASAR-DASAR HTML

Tujuan :

1. Mengetahui struktur dasar HTML.

2.Dapat menggunakan dasar-dasar html ( tag <body></body>, <hx>,<br>, <p>, <hr>, <font>,<li>,<IMG>,<a> </a> )

Materi :

HTML

HTML (HyperText Markup Language) merupakan salah satu format yang digunakan dalam dokumen dan aplikasi yang berjalan di web browser.

Strukur dasar Dokumen HTML

Setiap dokumen memiliki struktur dasar atau susunan file sebagai berikut : <html> <head> <title>Judul Dokumen HTML</title> </head> <body> </body> </html> Tag Keterangan

<HTML> …</HTML> Mengawali dan mengahiri kode HTML

<head>…</head> Merupakan header dari dari halaman HTML

<title>…</title> Judul pada title judul pada title bar windows web browser

<body>…</body> Bagian yang akan ditampilkan pada web browser

Elemen Body <body>

Properti dokumen diatur melalui atribut-atribut yang terdapat dalam elemen body

Atribut Keterangan

Background Background image for document

Bgcolor Background color for document, default white

Text color text for document, default black

Link color link for document, default blue

Vlink visited link for document, default purple

alink active link for document, default red

Elemen Heading <hx>

Tag heading berfungsi untuk memformat heading (judul dan sub judul). Contoh :

Elemen Paragrap <p>

Berfungsi pengaturan antara paragrap dalam halaman web

Atribut Elemen Paragrap

Pemrograman Internet:

Align = [ left | center | right ]

Elemen Break <br>

Berfungsi untuk memberikan baris baru suatu paragrap dalam halaman web.

Elemen Horisontal Rules<hr>

Berfungsi untuk menampilkan garis horisontal di dalam halaman web.

Atribut elemen horisontal rule :

Align = [ left | center | right ] (Horizontal aligment, default center) Size = pixels (line height, default 2) Width = length ( line width, pixed or percentage, default 100%) Noshade = solid line

Elemen Pemformatan Karacter <font>

Font pada halaman HTML dapat diformat sesuai dengan desain yang ditentukan, baik ukuran, jenis maupun warna.

Atribut elemen font

Zise = Number ( font size adjustment, default 3) Color = color ( font color adjustment, default black) Face = number (font face adjusment, default Times New Roman)

Elemen Ragam Karakter

<i>italic</i>

<u>underline</u>

Element List <li>

Properties <li> digunakan untuk menampilkan informasi dalam bentuk daftar (list). Ada dua jenis yang dikenal HTML, yaitu :

Unordered list <ul> = format bullet Ordered list <ol> = format bentuk nomor

Atribut

Ordered list

Type = [ 1 | a | A | i | I, default 1 ] Atribut

Unordered list

Type = [ disc | square | circle, default disc ]

Elemen Image <img>

Berfungsi untuk menampilkan image yang format filenya jpg atau gif. Untuk menampilkan digunakan tag IMG

Atribut elemen Image

SRC = ( location of image) ALT = text ( alternate text) Width = length ( image width) Height = height ( image height) Align = [ top | middle | bottom | left | right] Border = length (link border width)

Elemen Link/Ancor <a>

Berfungsi untuk penghubung antara satu halaman dengan halaman lain. Bentuknya :

< a href = URL_Tujuan> hypertext</a>

Pemrograman Internet 3;

Praktikum :

1. Ketiklah script HTML berikut ini :

<html>

<head>

<title>Latihan dasar-dasar HTML</title>

</head>

<body >

HTML<br>

HTML (HyperText Markup Language) merupakan salah satu format yang digunakan dalam dokumen dan aplikasi

yang berjalan di web browser.

</body>

</html>

Simpan dengan nama :

latihan1.html

2.Ketiklah script HTML berikut ini :

<html>

<head>

<title>Elemen Heading</title>

</head>

<body >

<h1>Heading 1 </h1>

<h2>Heading 2 </h2>

<h3>Heading 3 </h3>

<br>

</body>

</html>

Simpanlah dengan nama : latihan2.html

<html>

<head>

</head>

<body >

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER<br>

<br>

PROGRAM STUDI :

<li>Manajemen Informatika

<li>Teknik Informatika

</ol>

Jenjang Pendidikan :

<li>Manajemen Informatika - D3

<li>Teknik Informatika - S1

</ul>

</body> </html>

Simpan dengan nama file : latihan3.html

Damir Blog

BLOG'S DAMIR

Sabtu, 25 September 2010

LAPORAN PRAKTIKUM HTML

2 komentar: