Belajar HTML : Dasar-dasar HTML

HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan dengan menambahkan elemen atau sering disebut sebagai tag-tag pada file teks biasa tersebut.

Saat ini sudah dikenal HTML5 yang menawarkan berbagai fitur menarik yang tidak didukung oleh HTML sebelumnya. Beberapa fitur yang tersedia pada HTML5 antara lain sebagai berikut :

o Canvas. Memungkinkan pembuatan gambar dalam kanvas. Jadi, gambar tidak lagi diambil dari gambar utuh, melainkan bisa disusun sendiri, bak menggunakan program Paint.

o Header. Berguna untuk menyatakan suatu judul, yang bisa diisi dengan elemen logo dan nama perusahaan.

o Footer. Merupakan kebalikan dari header. Sebagai catatan kaki, elemen ini berguna untuk menaruh informasi di bagian bawah halaman web.

 o Time. Elemen ini berguna untuk menyajikan informasi tentang waktu.

o Audio. Memungkinkan penyajian player untuk memutar suara.

o Video. Memungkinkan player untuk memainkan film.

Secara prinsip, fitur pada HTML dapat dikelompokkan ke dalam :

o Struktur halaman ;

o Presentasi visual ;

o Peranti penyaji gambar ;

o Pendukung media ; dan

Peningkatan koneksi dengan JavaScript.

Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih besar (<) dan (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag adalah. Dalam hal ini kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Jadi misalnya elemen bila ditulis dengan atributnya adalah sebagai berikut:
.


Dalam penulisan tag HTML tidaklah case sensitive artinya pengguna huruf kecil ataupun capital tidaklah menjadi masalah.

Struktur Dasar Dokumen HTML

 Setiap dokumen HTML memiliki struktur dasar atau susunan file berisi tentang text, gambar, atau apapun yang tampil pada dokumen web.
   


Seperti terlihat, struktur file HTML diawali dengan sebuah tag dan ditutup dengan tag . Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag <head>....</head>… dan tag <body>....</body> ….
Bagian yang diapit oleh tag HEAD merupakan header dari halaman HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag header seperti yang berfungsi untuk mengeluarkan judul pada tittle bar window web browser.

Bagian kedua, yang diapit ole tag BODY merupakan bagian yang akan ditampilkan pada halaman web browser nantinya. Pada bagian ini anada akan menuliskan semua jenis informasi berupa teks dengan bermacam format maupun gambar yang ingin sampaikan pada pengguna nantinya.

10 kode HTML dasar
Berikut ini adalah 10 kode dasar HTML:


1.kode dasar HTML
<html>
<head>
<title>judul web anda</title>
</head>
<body>isi web</body>
</html>

seperti pada penjelasan di atas, kode html harus di awali dengan <html> dan ditutup dengan tag </html> pada bagian paling bawah. tag <head></head> dan <body></body>

2.Enter

<br>

dalam HTML, kamu tidak bisa membuat baris baru atau sering disebut ENTER, untuk itu,jika ingin membuat baris baru atau ENTER, maka harus di tambahkan tag br maka otomatis akan langsung membuat baris baru.

3.Paragraph

<p></p>

kode ini di gunakan untuk membuat paragrap baru

4.Garis Horizontal

<h>

kode ini di gunakan untuk membuat garis horizontal, yaitu gari lurus kiri kanan. terdapat 1 atribut pada tag ini :
width: yaitu untuk menentukan panjangan garis tersebut. contoh :

<h width="1250">

5. Tulisan

<font></font>

tag ini digunakan untuk menentukan jenis, warna dan ukuran suatu tulisan, memiliki 3 atribut :
size:ukuran
face:jenis
color:warna
contoh:
 <font color="red" face="mt bernard condensed" size="20"></font>


6.Heading

<h1>..</h1> sampai <h6>...</h6>

tag ini digunakan membuat Heading yang memberikan baris baru, terdapat 6 heading yaitu heading 1 sampai 6.

7. Bold (huruf tebal)

<b></b>

yah... kata" itu tidak asing lagi, yaitu tag untuk membuat huruf tebal

8.Italic (huruf miring)

 <i></i>

tag untuk membuat huruf miring

9. Underline (garis bawah)

<u></u>

dan tag untuk menambah garis bawah pada tulisan

10.Image (gambar)

<img></img>

tag untuk menambah gambar
pada tag ini terdapat 5 atribut yang digunakan :
src : letak file gambar
align : perataan gambar
width : lebar gambar
heigh : tinggi gambar
alt : ketarangan . contoh :

<img src="hp.jpg" align="center" width="250" height="250" alt="HandPhone"></img>

letak file dapat di ambil dari internet menggunakan link gambar tersebut & bisa juga pada komputer, namun jika ingin menggunakan gambar di komputer, file gambar dan file html di letakan dalam 1 folder agar mempermudah pembuatan file HTMLnya

Untuk mencoba HTML anda, silahkan gunakan HTML Editor yang kami sediakan 
Previous
Next Post »
0 Komentar untuk "Belajar HTML : Dasar-dasar HTML"

Website

Terima Kasih Sudah Berkomentar