BASIC HTML
Sebelum kita membahas HTML alangkah baik nya itu kita mengetahui ini
WORLD WIDE WEB(www)
Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di seluruh di dunia, TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam diseluruh dunia untuk dapat berkomunikasi. World Wide Web (WWW). Merupakan bagian bagian dari internet yang paling cepat berkembang dan paling populer.
WWW bekerja berdasarkan pada 3 mekanisme berikut:
HTML(Hypertext Markup Language)
Hypertext Markup language merupakan standard bahasa yang digunakan untuk menampilkan document web, yang anda lakukan dengan HTML yaitu:
BROWSER DAN EDITOR
TAG-TAG HTML
Command HTML biasanya disebut TAG, TAG digunakan untuk menentukan tampilan dari document HTML.
<BEGIN TAG> </End Tag>
Contoh : Setiap document HTML diawali dan diakhiri dengan TAG HTML.
<HTML>
→ Comment
</HTML>
Tag tidak case sensisitive, jadi anda bisa gunakan <HTML> atau <html> keduanya menghasilkan output yang sama. Bentuk dari TAG HTML sebagai berikut:
<ELEMENT ATTRIBUTE = VALUE>
Element - nama TAG
Attribute - attribute dari TAG
Value - nilai dari attribut.
Tag memiliki attribut dimana attribut ini akan melengkapi informasi mengenai element HMTL pada halaman yang anda buat, misalkan tag <BODY> akan diberikan attribut BGCOLOR yang akan menyampikan kepada browser bahwa warna dari body adalah hijau maka dapat dituliskan dengan contoh berikut <BODY BGCOLOR=Green>.
MENGATUR FILE DAN TEKS
untuk mengatur file dan teks HTML bisa digunakan notepad tentunya di setiap PC ada notepad jadi semua orang bisa menggunakan nya.
Membuat Dokumen baru
Program yang digunakan disini adalah notepad untuk membuat dokumen file,pilih menu sebagai berikut:
untuk meyimpan dokumen HTML perlu diperhatikan khususnya PEMULA,agar nantinya dapat mempermudah. Buatlah dalam satu folder utama dalam proses pembelajaran. Dan simpan semua dokumen HTML dalam 1 folder, untuk menghindari eror pada saat melakukan link ke halaman lainnya.
Menyimpan dokumen baru
Untuk menyimpan dokumen HTML, lakukan langkah seperti ini:
setelah melakukan penyimpanan file baru, maka terjadi modifikasi atau kita akan melakukan penamaan file yang berbeda akan tetapi sisi file tidak melakukan banyak perubahan, maka cukup dengan melakukan hal-hal sebagai berikut:
untuk membuka dokumen HTML yang sudah diberikan nama ada beberapa cara,diantaranya:
Document HTML bisa dibagi menjadi 3bagian utama:
Pemformatan Font
Didalam pengeditan font yang di lakukan di dalam pemrograman html dengan menggunakan tag <font></font>. Tag font ini diberikan untuk tampilan baris paragraf mana saja yang akan diberikan style dari action tag font yang ada di HTML.
Color:untuk menentukan warna font,anda bisa menggunakan nama font atau hexadecimal(#000000 - #ffffff)
Size: Untuk menentukan ukuran font 1-7
Face: Untuk menentukan jenis font biasanya dalam satu list ada beberapa font dan akan dibaca mulai dari yang paling kiri
Ukuran font
Ukuran adalah satu dari beberapa action tag font yang biasa sering digunakan didalam sebuah paragraf.<font size="..[ukuran dalam satuan point/pixel]">.Dalam menentukan satuan dari ukuran font ditentukan oleh dua satuan yaitu point(pt) atau pixel(px). pada umumnya biasanya para web editor sering menggunakan dengan yang mempunya satuan pixel. adapun sintaksnya sebagai berikut:
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p><font size="15px">Ketikan ini menggunakan ukuran font 15 px></p>
</body>
</html>
Panggil halaman sintaks diatas dengan browser ,maka akan tampil seperti ini:
Warna Font
Disamping ukuran yang terdapat dalam action font,maka terdapat juga warna dari tag font yang akan di display sesuai dengan selera masing-masing dalam pemilihan warna.
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p><font color="blue">hayo warna apa ini?</p>
</body>
</html>
maka tampilan akan seperti ini
Jenis dan Bentuk FONT
Berbicara mengenai jenis font Tidak kalah pentingnya dalam penentuan ukuran dan warna adalah jenis font yang akan digunakan dalam media website. Karena Hal ini akan berdampak pada bagus/tidaknya dilihat website yang akan ditampilkan untuk umum. adapun sintaksnya sebagai berikut:
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p><font face="Comic Sans MS" size="14px" color="blue">Ciluk BAAA bleketek ketek?</p>
</body>
</html>
dan hasilnya:
Tidak lupa juga dengan bentuk font kalo sering menggunakan word pastinya ada "bold","italic","underlined".itu juga berlaku di HTML.untuk tag nya sendiri <b></b> untuk bold,<i></i> untuk italic,<u></u> untuk underlined
Pengaturan Paragraf
Rata kiri
mengatur sebuah paragraf dengan menggunkan tata letak rata kiri dari sebua halaman website yang anda miliki. tag yang digunakan adalah <p align="left"></p>.Adapun Sintaksnya.
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p align="left"><font face="Comic Sans MS" size="14px" color="blue">Ciluk BAAA bleketek ketek?</p>
</body>
</html>
mengatur sebuah paragraf dengan menggunakan tata letak rata kanan dari sebuah halaman websiteyang anda miliki. tag yang digunakan adalah <p align="right"></p>.adapun sintaksnya
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p align="right"><font face="Comic Sans MS" size="14px" color="blue">Ciluk BAAA bleketek ketek?</p>
</body>
</html>
Rata tengah
mengatur sebuah paragraf dengan menggunakan tata letak rata tengah dari sebuah halaman website yang anda miliki. tag yang digunakan sama dengan left dan right tinggal diganti align="center" saja
ini sintaksnya:
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p align="center"><font face="Comic Sans MS" size="14px" color="blue">Ciluk BAAA bleketek ketek?</p>
</body>
</html>
WORLD WIDE WEB(www)
Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainnya di seluruh di dunia, TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam diseluruh dunia untuk dapat berkomunikasi. World Wide Web (WWW). Merupakan bagian bagian dari internet yang paling cepat berkembang dan paling populer.
WWW bekerja berdasarkan pada 3 mekanisme berikut:
- protocol standard aturan yang digunakan untuk berkomunikasi pada computer networking,Hypertext transfer Protocol (HTTP) adalah protocol untuk WWW.
- Address WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resource Locator) yang digunakan sebagai standard alamat Internet.
- HTML digunakan sebagai document yang bisa diakses di melalui WEB.
HTML(Hypertext Markup Language)
Hypertext Markup language merupakan standard bahasa yang digunakan untuk menampilkan document web, yang anda lakukan dengan HTML yaitu:
- Mengontrol tampilan dari web page dan content nya.
- Mempublikasikan document secara online sehingga bisa diakses dari seluruh dunia.
- Membuat online form yang bisa digunakan untuk menangani pendaftaran,transaksi secara online.
- Menambahkan object-object seperti image,audi,video dan juga java applet dalam document HTML.
BROWSER DAN EDITOR
- Browser
- Editor
TAG-TAG HTML
Command HTML biasanya disebut TAG, TAG digunakan untuk menentukan tampilan dari document HTML.
<BEGIN TAG> </End Tag>
Contoh : Setiap document HTML diawali dan diakhiri dengan TAG HTML.
<HTML>
→ Comment
</HTML>
Tag tidak case sensisitive, jadi anda bisa gunakan <HTML> atau <html> keduanya menghasilkan output yang sama. Bentuk dari TAG HTML sebagai berikut:
<ELEMENT ATTRIBUTE = VALUE>
Element - nama TAG
Attribute - attribute dari TAG
Value - nilai dari attribut.
Tag memiliki attribut dimana attribut ini akan melengkapi informasi mengenai element HMTL pada halaman yang anda buat, misalkan tag <BODY> akan diberikan attribut BGCOLOR yang akan menyampikan kepada browser bahwa warna dari body adalah hijau maka dapat dituliskan dengan contoh berikut <BODY BGCOLOR=Green>.
MENGATUR FILE DAN TEKS
untuk mengatur file dan teks HTML bisa digunakan notepad tentunya di setiap PC ada notepad jadi semua orang bisa menggunakan nya.
Membuat Dokumen baru
Program yang digunakan disini adalah notepad untuk membuat dokumen file,pilih menu sebagai berikut:
- Pilih menu file pada editor notepad
- pilih menu new
- akan terlihat halaman kosong sebagai area yang akan digunakan dengan bahasa HtmL.
untuk meyimpan dokumen HTML perlu diperhatikan khususnya PEMULA,agar nantinya dapat mempermudah. Buatlah dalam satu folder utama dalam proses pembelajaran. Dan simpan semua dokumen HTML dalam 1 folder, untuk menghindari eror pada saat melakukan link ke halaman lainnya.
Menyimpan dokumen baru
Untuk menyimpan dokumen HTML, lakukan langkah seperti ini:
- Tulis dokumen HTML di area kerja notepad
- seteah itu lakukan peyimpanan dengan menggunakan menu file→Save as...(Untuk melakukan pertama kali penyimpanan file dan terjadi modifikasi pada dokumen tersebut lakukan (Ctrl+S)
- Berinama dari dokumen tersebut dengan mengunakan extension HTML [namadokumen.html] /[nama dokumen.htm]
- letakan file yang aka disimpan sesuai dengan folder yang sudah disediakan sebelumnya.
setelah melakukan penyimpanan file baru, maka terjadi modifikasi atau kita akan melakukan penamaan file yang berbeda akan tetapi sisi file tidak melakukan banyak perubahan, maka cukup dengan melakukan hal-hal sebagai berikut:
- Klik menu file → pilih Save as .....
- Beri nama halaman tersebut dengan diikuti extension dari dokumen HTML
- letakan file ke dalam folder utama
untuk membuka dokumen HTML yang sudah diberikan nama ada beberapa cara,diantaranya:
- pilih file → Open atau dengan menu shortcut biar simple (Ctrl+O)
- pada halaman HTML
- Klik kanan
- pilih menu Open with ..→ pilih program Notepad
Document HTML bisa dibagi menjadi 3bagian utama:
- HTML:setiap document HTML harus diawali dan ditutup dengan tag HTML <HTML></HTML> tag HTML memberi tahu browser bahwa yang didalam kedua tag tersebut adalah dokumen HTML.
- HEAD:bagian Header dari dokumen HTML diapit oleh tag <HEAD></HEAD> didalam bagianini biasanya dimuat tag TITLE yang akan menampilkan judul dari halaman titlenya browser
- BODY:dokumen body digunakan untuk menampilkan text,image,link dan semua yang aka ditampilkan pada web page
Pemformatan Font
Didalam pengeditan font yang di lakukan di dalam pemrograman html dengan menggunakan tag <font></font>. Tag font ini diberikan untuk tampilan baris paragraf mana saja yang akan diberikan style dari action tag font yang ada di HTML.
Color:untuk menentukan warna font,anda bisa menggunakan nama font atau hexadecimal(#000000 - #ffffff)
Size: Untuk menentukan ukuran font 1-7
Face: Untuk menentukan jenis font biasanya dalam satu list ada beberapa font dan akan dibaca mulai dari yang paling kiri
Ukuran font
Ukuran adalah satu dari beberapa action tag font yang biasa sering digunakan didalam sebuah paragraf.<font size="..[ukuran dalam satuan point/pixel]">.Dalam menentukan satuan dari ukuran font ditentukan oleh dua satuan yaitu point(pt) atau pixel(px). pada umumnya biasanya para web editor sering menggunakan dengan yang mempunya satuan pixel. adapun sintaksnya sebagai berikut:
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p><font size="15px">Ketikan ini menggunakan ukuran font 15 px></p>
</body>
</html>
Panggil halaman sintaks diatas dengan browser ,maka akan tampil seperti ini:
Warna Font
Disamping ukuran yang terdapat dalam action font,maka terdapat juga warna dari tag font yang akan di display sesuai dengan selera masing-masing dalam pemilihan warna.
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p><font color="blue">hayo warna apa ini?</p>
</body>
</html>
maka tampilan akan seperti ini
Jenis dan Bentuk FONT
Berbicara mengenai jenis font Tidak kalah pentingnya dalam penentuan ukuran dan warna adalah jenis font yang akan digunakan dalam media website. Karena Hal ini akan berdampak pada bagus/tidaknya dilihat website yang akan ditampilkan untuk umum. adapun sintaksnya sebagai berikut:
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p><font face="Comic Sans MS" size="14px" color="blue">Ciluk BAAA bleketek ketek?</p>
</body>
</html>
dan hasilnya:
Tidak lupa juga dengan bentuk font kalo sering menggunakan word pastinya ada "bold","italic","underlined".itu juga berlaku di HTML.untuk tag nya sendiri <b></b> untuk bold,<i></i> untuk italic,<u></u> untuk underlined
Pengaturan Paragraf
Rata kiri
mengatur sebuah paragraf dengan menggunkan tata letak rata kiri dari sebua halaman website yang anda miliki. tag yang digunakan adalah <p align="left"></p>.Adapun Sintaksnya.
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p align="left"><font face="Comic Sans MS" size="14px" color="blue">Ciluk BAAA bleketek ketek?</p>
</body>
</html>
mengatur sebuah paragraf dengan menggunakan tata letak rata kanan dari sebuah halaman websiteyang anda miliki. tag yang digunakan adalah <p align="right"></p>.adapun sintaksnya
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p align="right"><font face="Comic Sans MS" size="14px" color="blue">Ciluk BAAA bleketek ketek?</p>
</body>
</html>
Rata tengah
mengatur sebuah paragraf dengan menggunakan tata letak rata tengah dari sebuah halaman website yang anda miliki. tag yang digunakan sama dengan left dan right tinggal diganti align="center" saja
ini sintaksnya:
<html>
<head>
<title>Selamat Datang di HTML SAYA</title>
</head>
<body>
<p align="center"><font face="Comic Sans MS" size="14px" color="blue">Ciluk BAAA bleketek ketek?</p>
</body>
</html>
Komentar
Posting Komentar