HTML
Apa itu HTML?HTML adalah Hyper Text Markup Language.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standart untuk membuat suatu dokumen halaman web yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll. Jadi cara menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Istilah-istilah dalam HTML:
· Tag : Digunakan untuk menentukan tingkah laku web browser. Dinyatakan dengan tanda lebih kecil “<“ (tag awal) dan tanda lebih besar “>” (tag akhir).Tag kontainer: <namatag> ..... </namatag>
· Element : Jenis-jenis dari tag. HTML mempunyai banyak elemen untuk berbagai keperluan dengan berbagai bentuk penggunaan.
· Attribute : Digunakan untuk memodifikasi nilai dari elemen HTML. Suatu elemen biasanya akan mempunyai banyak atribut.
Jika anda ingin mengerti tentang HTML, silahkan coba hal berikut ini di Notepad++ anda.
Penggunaan komentar:
Format: <!-- -->
Fungsi:
§ Memberi nama aplikasi
§ Mendeskripsikan tujuan pengkodean tertentu di dalam file
§ Memberi nama pengarang
§ Memberi tanggal pembuatan
§ Memberi nomer versi
§ Memberi informasi hak cipta
Heading:
- Untuk judul atau sub judul dalam dokumen HTML:
<h1 [align=”left”|”center”|”right”]> . . . </h1>
Silahkan coba di Notepad++ anda seperti contoh dibawah ini:
Hasil ketika contoh diatas dijalankan:
Paragraf:
- Paragraf yang bisa diatur perataannya (kiri, tengah, kanan):
<p [align=”left”|”center”|”right”]> . . . </p>
Hasil ketika contoh paragraf dijalankan:
Blockquote:
- Untuk menulis kutipan teks:
<blockquote> . . . </ blockquote >
Hasil dari contoh blockquote setelah dijalankan:
Break:
- Untuk menulis teks pada baris berikutnya:
<br>
Format dokumen:
- Bold: <b> . . .</b>
- Italic: <i> . . . </i>
- Superscript: <sup> . . .</sup>
- Subscripted: <sub> . . . </sub>
- Strikethrough: <del> . . . </del>
Font:
- Ukuran font
<font size=“. . .”> . . . </font>
- Jenis font
<font size=“. . .” face=“jenis_font”> . . . </font>
- Warna font
<font size=“. . .” face=“jenis_font” color=“warna”> . . . </font>
Garis pemisah horisontal:
- Garis horisontal untuk memisahkan teks dengan teks lain.
<hr [align=“left”|”center”|”right”] [size=“. . .”] [width=“. . .”] [noshade]> </hr>
Memuat Gambar:
- Memuat gambar ke dalam halaman Web
<img src=”URL”|”name” height=”. . .” width=”. . .” align=”top”|”center”|”bottom”] />
Hasil dari contoh memuat gambar diatas:
Link Video Disini ya untuk belajar html dengan css
https://www.youtube.com/watch?v=yTHTo28hwTQ&list=PLgGbWId6zgaWZkPFI4Sc9QXDmmOWa1v5F
