*Opening*
Hello minna ^0^ kali ini saya memberikan sebuah postingan tentang pembelajaran HTML.
saya harap dengan postingan ini bisa bermanfaat bagi pembaca tentang apa itu html XDD.
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>
~ HTML Tag umumnya selalu berpasangan, seperti <b> 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 <html> dan </html> menjelaskan halaman web
~ Teks di antara <body> dan </body> adalah isi halaman yang terlihat
~ Teks di antara <h1> dan </h1> ditampilkan sebagai judul
~ Teks di antara <p> dan </p> 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 :
<html>
<head>
.....informasi tentang dokumen HTML
</head>
<body>
.....informasi utama yang ditampilkan dalam browser web
</body>
</html>
HTML Headings
Yaitu judul HTML yang didefinisikan dengan tag <h1> dan diakhiri </h1>.
contoh :
<h1> Ini adalah heading pertama </h1>
<h2> Ini adalah heading kedua </h2>
<h3> Ini adalah heading ketiga </h3>
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 <p> diakhiri </p>
Contoh :
<p>Isi Paragraf Pertama.</p>
<p>Isi Paragraf Kedua.</p>
HTML Links
Berfungsi dalam menambahkan sebuah tautan dalam dokumen HTML. Didefinisikan dengan tag <a> diakhiri </a>.
Contoh
<a href="http://www.w3schools.com">Mari belajar HTML disini !!!</a>
HTML Images
Berfungsi dalam menambahkan sebuah image (gambar) ke dalam dokumen HTML.
Contoh :
<img src="nagisagothic.jpg" width="100" height="70"/>
Format Teks pada HTML
<b>
~ Mendefinisikan teks tebal
<i>
~ Mendefinisikan teks miring
<big>
~ Mendefinisikan teks besar
<small>
~ Mendefinisikan teks kecil
<em>
~ Mendefinisikan teks menekankan
<strong>
~ Mendefinisikan teks yang kuat
<sub>
~ Mendefinisikan teks subscript
<sup>
~Mendefinisikan teks superscripted
<ins>
~ Mendefinisikan teks dimasukkan
<del>
~ Mendefinisikan teks yang dihapus
Contoh :
<b> Belajar HTML Yuk !!! </b>
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
<font size="12" color="blue" face="comic sans ms">Cara Mengganti Font pada HTML</font>
2 komentar:
saya izin copy text ya... makasih.
okay ...
Posting Komentar