✔ Cara Memahami Dasar-Dasar Html Untuk Pemula Secara Lengkap
Cara Memahami Dasar-Dasar HTML untuk Pemula Secara Lengkap
- HTTP (Hypertext Transfer Protocol) merupakan protokol yang dipakai untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language).
Dikatakan markup language sebab HTML berfungsi untuk 'memperindah' file teks biasa untuk ditampilkan pada aktivitas web browser, hal ini dilakukan dengan menambahkan elemen atau sering disebut sebagai tag-tag pada file teks biasa tersebut.
Saat ini sudah dikenal dengan HTML5 yang memperlihatkan banyak sekali fitur menarik yang tidak didukung oleh HTML sebelumnya. Beberapa fitur yang tersedia pada HTML5 antara lain sebagai berikut.
www.codepolitan.com
Canvas. Memungkinkan pembuatan gambar dalam kanvas. Jadi, gambar tidak lagi diambil dari gambar utuh, melainkan sanggup disusun sendiri, kolam memakai aktivitas Paint.
Header. Berguna untuk menyatakan suatu judul, yang sanggup diisi dengan elemen logo dan nama perusahaan.
Footer. Merupakan kebalikan dari Header. Sebagai catatan kaki, elemen ini mempunyai kegunaan untuk menaruh informasi di kepingan bawah halaman web.
Time. Elemen ini mempunyai kegunaan untuk menyajikan informasi perihal waktu.
Audio. Memungkinkan penyajian player untuk memutar suara.
Video. Memungkinkan player untuk memainkan film.
Secara prinsip, fitur pada HTML sanggup dikelompokkan ke dalam :
Struktur halaman ;
Presentasi visual ;
Piranti penyaji gambar ;
pendukung media ; dan
peningkatan koneksi dengan JavaScript.
Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan simbol lebih besar (<) dan (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <contoh> ialah </contoh>.
Dalam hal ini <contoh> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Makara contohnya elemen <contoh> sanggup ditulis dengan atributnya sebagai berikut:
<contoh atribut1="nilai_atribut1"atribut2="nilai_atribut2="....>
Dalam penulisan tag HTML tidaklah case sensitive artinya penggunaan aksara kecil ataupun kapital tidaklah menjadi sebuah persoalan yang besar.
Struktur Dasar Dokumen HTML
Setiap dokumen HTML mempunyai struktur dasar atau susunan file sebagai berikut :
<HTML>
<head>
<title>Ini Judul</title>
</head>
<body>
Berisi text, gambar, ataupun yang tampil pada dokumen web.
</body>
</HTML>
Seperti terlihat, struktur file HTML diawali dengan sebuah tag <HTML> dan ditutup dengan tag </HTML>. Di dalam tag ini terdapat dua buah kepingan 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 ibarat <title>....</title> yang berfungsi untuk mengeluarkan judul pada title kafetaria window web browser.
Bagian kedua, yang diapit oleh tag BODY merupakan kepingan yang akan ditampilkan pada halaman web browser nantinya. Pada kepingan ini Anda akan menuliskan semua jenis informasi berupa teks dengan bermacam format maupun gambar yang ingin disampaikan pada pengunjung nantinya.
Pengaturan Properti Dokumen
Properti dokumen diatur melalui atribut-atribut yang terdapat dalam elemen <body>. Sebagai pola ialah pengaturan warna latar belakang halaman, warna teks, warna link dan lain-lain.
Kode Warna
Dalam pengaturan warna memakai arahan RGB yang mana ditampilkan dalam nilai hexadesimal. Setiap kepingan dua digit arahan memperlihatkan banyaknya intesitas dari kombinasi warna merah, hijau dan biru. Berikut ini ialah pola arahan warna:
White = #FFFFFF
Red = #FF0000
Blue = #0000FF
Cyan = #00FFFF
Black = #000000
Green = #00FF00
Yellow = #FFFF00
Chocolate = #5C3317
Pink = #FF6EC7
Atribut elemen <body>
Background = lokasi dan nama file (latar belakang image dokumen)
BGCOLOR = Warna (warna latar belakang dokumen, default putih)
Text = Warna (warna teks dokumen, default hitam)
Link = Warna (warna link dokumen, default biru)
Vlink = Warna (warna visited link dokumen, default ungu)
Alink = Warna (warna aktif link dokumen, default merah)
Elemen Heading <h1>.....<h6>
Tag heading berfungsi untuk memformat heading (judul dan sub judul) dari suatu halaman web. Heading ini akan memperbesar ukuran aksara untuk setiap jenis heading. Heading yang kita kenal di HTML, yaitu dari <h1> hingga <h6>
Elemen yang dihilangkan di HTML5
Berikut ini elemen HTML 4.01 yang dihilangkan di HTML5:
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>
Dokumen HTML5
Sebuah dokumen HTML5 ibarat berikut ini, cukup ditulis dengan text editor ataupun HTML editor:
<! DOCTYPE HTML>
<HTML>
<head>
<title>contoh HTML5</title>
</head>
<body>
selamat mencar ilmu HTML5
</body>
</HTML>
Berikut ini ialah klarifikasi dari dokumen HTML5 diatas:
Sebuah dokumen HTML5 diawali dengan <! DOCTYPE HTML>
Tanda <HTML> disebt tag. Sebuah tag ibarat itu menyatakan sebuah elemen dalam dokumen html
Beberapa tag berpasangan, sebagai pola <head> berpasangan dengan </head>
Namun, tidak semua tag berpasangan, sebagai pola <br> tidak punya pasangan. Khusus untuk tag ibarat ini, tidak ada keharusan untu menyertakan tanda / sebelum >. Pada XHTML, tanda ibarat / memang diharuskan untuk ditulis
Pasangan <HTML>....</HTML> menyatakan awal dokumen
Di dalam <HTML>....</HTML> terdapat pasangan <head>...</head> dan <body>....</body>
Pasangan <head>....</head> menyatakan kepingan judul dokumen HTML. Isinya paling tidak berupa pasangan <title>....</title>
Pasangan <body>....</body> menyatakan kepingan badan dokumen.
Demikianlah artikel kali ini perihal Belajar Memahami Dasar-Dasar HTML untuk Pemula.Semoga bermanfaat bagi Anda. Sekian dan terimakasih.
Sumber: Ebook Pemrograman Web Sem 1/ http://aganpedia.blogspot.co.id/
Belum ada Komentar untuk "✔ Cara Memahami Dasar-Dasar Html Untuk Pemula Secara Lengkap"
Posting Komentar