Pemograman Web (HTML Tutorials)

Pengenalan HTML [Introduction to HTML]

HTML (Hyper Text Markup Language) adalah sebuah bahasa yang digunakan untuk menyusun dokumen yang akan ditampilkan pada web. File dari dokumen yang berekstensi htm/html.

Ada 2 cara untuk membuat sebuah web page :
1. dengan editor text biasa (misal notepad)
2. dengan menggunakan html editor khusus (misal Dreamweaver)

Jadi...
Apa yang dimaksud HTML ?

~ HTML adalah bahasa untuk mendeskripsikan halaman web.
~ HTML singkatan dari Hyper Text Markup Bahasa.
~ HTML bukanlah bahasa pemrograman, adalah bahasa markup. Yaitu serangkaian tag markup.
~ HTML menggunakan tag markup untuk mendeskripsikan halaman web.


Apa yang dimaksud HTML Tags ?

~ HTML markup tag biasanya disebut HTML Tag.
~ HTML Tag merupakan kata kunci yang dikelilingi oleh sudut kurung, seperti
~ HTML Tag umumnya selalu berpasangan, seperti dan </ b>
~ Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir.
~ Tag awal dan tag akhir juga disebut tag pembuka dan tag penutup.


Contoh HTML Tags

~ Teks di antara dan menjelaskan halaman web
~ Teks di antara dan adalah isi halaman yang terlihat
~ Teks di antara

dan

ditampilkan sebagai judul
~ Teks di antara dan
ditampilkan sebagai sebuah paragraf


Dokumen HTML = Halaman Web ???

~ Dokumen HTML menggambarkan halaman web
~ Dokumen HTML berisi tag HTML dan teks biasa
~ Dokumen HTML juga disebut halaman web

Tujuan dari web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman tersebut.


HTML Getting Started

HTML dapat ditulis dan diedit menggunakan editor yang khusus seperti Dreamweaver dan Visual Studio.
Namun, dalam tutorial ini kita akan menggunakan editor teks biasa (seperti Notepad) untuk mengedit HTML.
Karena saya percaya dengan menggunakan editor teks biasa adalah cara terbaik untuk mempelajari HTML.


HTML Basic

Pola dasar dokumen HTML :



.....informasi tentang dokumen HTML


.....informasi utama yang ditampilkan dalam browser web




HTML Headings

Yaitu judul HTML yang didefinisikan dengan tag

dan diakhiri

.
contoh :

Ini adalah heading pertama

Ini adalah heading kedua

Ini adalah heading ketiga

Gunakan HTML Headings untuk judul saja. Jangan gunakan headings untuk membuat teks besar atau tebal.
Mesin pencari akan menggunakan headings Anda ke indeks struktur dan isi dari halaman web Anda.
Karena pengguna dapat skim halaman Anda dengan headings tersebut, headings menunjukkan struktur dokumen web anda. h1 harus digunakan sebagai judul utama, diikuti dengan judul h2, dan h3 yang kurang penting dan seterusnya.


HTML Paragraphs

Yaitu membuat suatu paragraf yang didefinisikan dengan tag diakhiri
Contoh :
Isi Paragraf Pertama.
Isi Paragraf Kedua.


HTML Links

Berfungsi dalam menambahkan sebuah tautan dalam dokumen HTML. Didefinisikan dengan tag diakhiri .
Contoh
Mari belajar HTML disini !!!


HTML Images

Berfungsi dalam menambahkan sebuah image (gambar) ke dalam dokumen HTML.
Contoh :



Format Teks pada HTML


~ Mendefinisikan teks tebal


~ Mendefinisikan teks miring


~ Mendefinisikan teks besar


~ Mendefinisikan teks kecil


~ Mendefinisikan teks menekankan


~ Mendefinisikan teks yang kuat


<sub>~ Mendefinisikan teks subscript


<sup>~Mendefinisikan teks superscripted


~ Mendefinisikan teks dimasukkan


~ Mendefinisikan teks yang dihapus

Contoh :
Belajar HTML Yuk !!!


HTML Fonts
Berfungsi dalam pengaturan font yang akan dipakai.

size : untuk ukuran text
color : untuk warna yang dipakai
face : untuk jenis tulisan yang dipakai

Contoh
Cara Mengganti Font pada HTML</sup></sub>