Pengertian, Sejarah, Modifikasi HTML, & Cara Membuat HTML Dengan Menggunakan Notepad ~ Oke sobat, kali ini saya share tentang HTML nih. Apa itu HTML ? HTML adalah kepanjangan atau singkatan dari Hyper Text Markup Language. Setiap kita menjelajah di internet, membuka website apapun, kita pasti akan bertemu dengan HTML. Hal ini dikarenakan semua website yang ada di internet, di buat dengan menggunakan bahasa HTML.
HTML hingga saat ini merupakan standar internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Barners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 CERN adalah lembaga penelitian fisika energi tinggi di Jenewa.
HTML adalah bahasa markup internet (web) berupa kode dan simbol yang dimasukkan kedalam sebuah file yang di tujukan untuk di tampilkan di dalam sebuah website. Singkatnya, HTML adalah bahasa markup yang di gunakan untuk membuat website. Website yang di buat dengan HTML ini, dapat di lihat oleh semua orang yang terkoneksi dengan internet. Tentunya dengan menggunakan aplikasi penjelajah internet (browser) seperti Mozilla Firefox, dan Google Chrome.
Seperti yang sudah saya jelaskan, HTML adalah singkatan dari Hyper Text Markup Language. Tapi mengetahui singkatannya saja tidak akan cukup. Karna itu saya akan memberitahukan arti dari singkatan tersebut.
2. Silakan anda ketikan skrip di bawah ini.
Sekarang HTML yang anda buat menggunakan Notepad tadi sudah di buat dan anda bisa melihat nya, ini adalah HTML yang berhasil saya buat dan saya modifikasi sedikit. Untuk memodifikasinya anda bisa lihat tutorial di bawah.
2. H2 adalah untuk digunakan menulis Judul artikel yang kita buat.
3. H3 adalah digunakan untuk menuliskan Sub-judul atau penjelasan dari judul posting yang anda buat.
4. H4 digunakan untuk menuliskan Kategori dan Artikel Terkait.
5. H5 dan H6 biasanya digunakan untuk menuliskan nama si pembuat template dan penyedia layanan Hosting (blogger, wordpress, dll).
Kodenya:
Catatan:
- Bila ingin mengatur arah nya, silakan anda tambahkan kode ini setelah <marquee...
- Kodenya : direction="up"> ini adalah contoh tulisan berjalan ke atas, jika mau mengatur agar ke bawah bisa anda tuliskan seperti ini <marquee direction="down">
- Jangan lupa untuk memberikan penutupnya yaitu </marquee>
2. Memodifikasi agar HTML yang kita buat menjadi ada backgroundnya (gambar).
Kodenya:
HTML hingga saat ini merupakan standar internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Barners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 CERN adalah lembaga penelitian fisika energi tinggi di Jenewa.
HTML adalah bahasa markup internet (web) berupa kode dan simbol yang dimasukkan kedalam sebuah file yang di tujukan untuk di tampilkan di dalam sebuah website. Singkatnya, HTML adalah bahasa markup yang di gunakan untuk membuat website. Website yang di buat dengan HTML ini, dapat di lihat oleh semua orang yang terkoneksi dengan internet. Tentunya dengan menggunakan aplikasi penjelajah internet (browser) seperti Mozilla Firefox, dan Google Chrome.
Seperti yang sudah saya jelaskan, HTML adalah singkatan dari Hyper Text Markup Language. Tapi mengetahui singkatannya saja tidak akan cukup. Karna itu saya akan memberitahukan arti dari singkatan tersebut.
- HyperText adalah metode dimana kita "berpindah" disekeliling web, dengan mengklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah teks khusus di internet, dimana saat teks tersebut di klik, akan membawa kita ke halaman web selanjutnya atau halaman web lain yang telah di tentukan.
- Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada didalamnya. HTML menandai teks yang berada di dalamnya sebagai tipe teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag HTML <i>, maka teks tersebut akan berubah menjadi italic (huruf miring). Sedangkan jika kita menandai dengan <b>, maka teks tersebut akan menjadi bold (huruf tebal).
- Language yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki kata-kata berupa kode dan syntax seperti bahasa yang lain.
Saat ini bahasa HTML masih terus di kembangkan, hal ini dikarenakan pengguna internet semakin hari semakin berkembang pesat. Oleh karna itu bahasa HTML harus di tingkatkan lagi agar bisa menciptakan halaman web yang lebih berkualitas. Untuk itulah di bentuk sebuah organisai yang seperti saya bertahukan di atas tadi yaitu World Wide Web Consortium (W3C).
Cara Membuat HTML Dengan Notepad
1. Buka Notepad [Windows > All Program > Accessories > Notepad]2. Silakan anda ketikan skrip di bawah ini.
<html>
<head>
<title>
Welcome To My House
</title>
</head>
<body>
<h1>Ini adalah Main Heading</h1>
<p>Isi dari Main Heading, bisa berupa kata pembuka atau
penjelas dari Main Heading, jika penjelasan terlalu panjang maka
akan di bagi menjadi beberapa Sub-Heading.<p>
<h2>Ini Adalah Sub-Heading</h2>
<p>Kebanyakan artikel yang panjang memiliki sub-headings untuk
membantu Anda mengikuti struktur apa yang sedang ditulis.
Bahkan mungkin sub-sub-headings
(atau tingkat yang lebih rendah Dari headings).
</p>
<h2> Sub-Heading Tambahan</h2>
<p>Disini anda dapat melihat sub-heading tambahan.</p>
<marquee><b> MARKUSX-FILES.BLOGSPOT.CO.ID </b></marquee>
<marquee direction="right"><b> WWW.AFRI23.NET </b></marquee>
</body>
</html>
3. Lalu anda Save dengan di akhiri nama file "Markus X-Files.html" atau seterah anda, yang penting adalah nama file harus di akhiri dengan format .html
Sekarang HTML yang anda buat menggunakan Notepad tadi sudah di buat dan anda bisa melihat nya, ini adalah HTML yang berhasil saya buat dan saya modifikasi sedikit. Untuk memodifikasinya anda bisa lihat tutorial di bawah.
Ini adalah contoh HTML yang saya buat |
Fungsi h1, h2, h3, h4, dll
1. H1 adalah yang paling penting dan H2-H6 adalah urutan selanjutnya. Tag <h1> ini digunakan untuk nama blog yang kita buat.2. H2 adalah untuk digunakan menulis Judul artikel yang kita buat.
3. H3 adalah digunakan untuk menuliskan Sub-judul atau penjelasan dari judul posting yang anda buat.
4. H4 digunakan untuk menuliskan Kategori dan Artikel Terkait.
5. H5 dan H6 biasanya digunakan untuk menuliskan nama si pembuat template dan penyedia layanan Hosting (blogger, wordpress, dll).
Memodifikasi HTML Kita Agar Lebih Menarik
1. Cara memodifikasi agar Html yang kita buat menjadi bisa berjalan.Kodenya:
<marquee>Tulisan Berjalan</marquee>
Tulisan Berjalan |
Catatan:
- Bila ingin mengatur arah nya, silakan anda tambahkan kode ini setelah <marquee...
- Kodenya : direction="up"> ini adalah contoh tulisan berjalan ke atas, jika mau mengatur agar ke bawah bisa anda tuliskan seperti ini <marquee direction="down">
- Jangan lupa untuk memberikan penutupnya yaitu </marquee>
2. Memodifikasi agar HTML yang kita buat menjadi ada backgroundnya (gambar).
Kodenya:
<style type="text/css">
body {
background: url('markusx-files.blogspot.co.id') no-repeat center center fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
</style>
Membuat Background |
- Ganti markusx-files.blogspot.co.id yang berwarna merah tersebut dengan url background yang akan anda gunakan
Sekian dulu artikel yang saya buat, semoga anda senang yang saya posting hari ini. Semoga bisa bermanfaat bagi kita semua untuk memulai membuat HTML. Untuk mendukungnya blog ini menjadi berkembang, anda bisa Like dan Share postingan ini degan cara kli tombol "Share" di bawah ini bertujuan agar memberitahukan tutorial ini kepada orang lainnya. Dan jangan lupa anda masukkan Email anda di bawah kolom yang di sediakan.
Posting Komentar