Mengenal lebih dalam wacana Html dan Belajar Menulis Kode HTML untuk Pemula
Mengenal apa itu Html dan Belajar Menulis Kode HTML, - HTML ialah abreviasi dari Hypertext Markup Language. Fasilitas hypertext merupakan metode yang menghubungkan (link) satu dokumen ke dokumen lain melalui suatu teks ataupun gambar. HTML merupakan halaman yang berada pada suatu situs internet atau web. Jadi, suatu situs terdiri atas beberapa halaman HTML atau web page. Semakin menarik isi halaman suatu web, semakin sering website itu dikunjungi. HTML pada dasarnya merupakan kumpulan kode-kode yang ditampilkan dalam format tag untuk ditampilkan di halaman web maupun blog.
Biasanya, hyperlink text ada pada halaman web atau blog yang kalau di klik oleh penggunanya, browser akan menampilkan dokumen yang terhubung dengan link tersebut. Untuk menciptakan suatu dokumen HTML biasanya memakai jadwal Notepad, Microsoft FrontPage, atau Adobe Dreamweaver. Kali ini aku akan membahas wacana cara menciptakan dokumen HTML atau berguru menulis isyarat HTML dengan memakai editor teks Notepad.
Cara Menulis Kode HTML
Langkah pertama, Klik Start>All Programs>Accessories>Notepad atau klik Windows+R di keyboard dan ketik notepad.enter
pada notepad ketikan teks mirip gambar di bawah :
Mengenal apa itu Html dan Belajar Menulis Kode HTML, - HTML ialah abreviasi dari Hypertext Markup Language. Fasilitas hypertext merupakan metode yang menghubungkan (link) satu dokumen ke dokumen lain melalui suatu teks ataupun gambar. HTML merupakan halaman yang berada pada suatu situs internet atau web. Jadi, suatu situs terdiri atas beberapa halaman HTML atau web page. Semakin menarik isi halaman suatu web, semakin sering website itu dikunjungi. HTML pada dasarnya merupakan kumpulan kode-kode yang ditampilkan dalam format tag untuk ditampilkan di halaman web maupun blog.
Biasanya, hyperlink text ada pada halaman web atau blog yang kalau di klik oleh penggunanya, browser akan menampilkan dokumen yang terhubung dengan link tersebut. Untuk menciptakan suatu dokumen HTML biasanya memakai jadwal Notepad, Microsoft FrontPage, atau Adobe Dreamweaver. Kali ini aku akan membahas wacana cara menciptakan dokumen HTML atau berguru menulis isyarat HTML dengan memakai editor teks Notepad.
Cara Menulis Kode HTML
Langkah pertama, Klik Start>All Programs>Accessories>Notepad atau klik Windows+R di keyboard dan ketik notepad.enter
pada notepad ketikan teks mirip gambar di bawah :
berguru menulis isyarat HTML
kemudian simpan hasil nya dengan klik Ctrl+S di keyboard dan beri nama file tesebut dengan exstensi .html Contoh : "belajar.html" kemudian ubah save as type menjadi all files, dan klik OK.
Untuk melihat hasilnya, cari file tersebut yang telah anda simpan tadi, biasanya type file tersebut firefox document. klik 2x file itu, sehingga kesudahannya akan terbuka di web browser mosilla firefox atau default web browser anda.
Agar anda gampang untuk memahaminya, aku akan menjabarkan klarifikasi mengenai HTML satu persatu.
1. Tag Head
Tag Head mempunyai fungsi untuk mendeskipsikan header atau bab kepala dari HTML. Tag head berisi isu dari dokumen HTML. Informasi tersebut nantinya tidak akan ditampilkan di web browser. Informasi-informasi yang ada pada tag head ialah sebagai berikut.
Tag TITLE, dipakai untuk memberi judul dari suatu homepage.
Tag BASE, lokasi URL lengkap dari dokumen yang akan dibuat.
Tag LINK, link (tautan) dokumen yang akan dibentuk dengan dokumen lain yang telah ada.
Tag META, isu wacana dokumen itu sendiri.
2. Tag Body
Tag Body diibaratkan sebagai badan suatu HTML, yaitu daerah untuk mengisi teks, gambar, atau animasi yang ditampilkan pada halaman HTML. Atribut pada body umumnya berisi pengaturan isi paragraf. Beberapa atribut yang menyertai tag <BODY> :
background, dipakai untuk menciptakan background image.
bgcolor, dipakai untuk memilih warna latar belakang.
bgproperties, dipakai untuk memilih nilai properti background.
leftmargin, dipakai untuk memilih batas kiri halaman dalam satuan pixel.
topmargin, dipakai untuk memilih batas atas halaman dalam satuan pixel.
text, dipakai untuk memilih warna teks.
link, dipakai untuk memilih warna link yang belum dikunjungi.
alink, dipakai untuk memilih warna link yang sudah dikunjungi.
3. Link
Link merupakan perintah yang dipakai untuk menghubungkan halaman yang satu dengan yang lain. Link merupakan sarana penting dalam website alasannya ialah kalau tidak memakai link, para pengunjung blog/website tidak sanggup berpindah dari halaman satu ke halaman yang lainnya. Format penulisan link dimulai dengan tag <A> dan diakhiri dengan tag </A>.
Di Dalam HTML terdapat tiga jenis llink, yaitu :
a. Link Absolut, dipakai kalau anda ingin menciptakan link ke web page lain di internet.
b. Link Relatif, dipakai untuk berpindah dari satu halaman blog ke blog halaman lain di komputer yang sama.
C. Link ke Bagian Lain Dokumen, dipakai untuk berpindah dari satu bab ke bab lain dalam dokumen html yang sama. Link ini dibentuk untuk dokumen yang sangat panjang sehingga kalau di tampilkan dalam browser web akan mengharuskan anda menggeser Scroll Bar secara berulang-ulang.
Jika anda mengklik link "Back to Top" maka secara otomatis layar akan menampilkan teks bab "atas"
4. Tabel
Untuk menciptakan tabel biasanya memakai beberapa tag berikut :
A. Tag <TABLE>, dipakai untuk mendefinisikan sebuah table.
B. Tag <TR>, dipakai untuk mendefinisikan baris pada tabel.
C. Tag <TD>, dipakai untuk mendefinisikan kolom tabel.
D. Tag <TH>, dipakai untuk mendefinisikan judul pada baris atau kolom.
5. FORM
Form banyak dipakai untuk menciptakan buku tamu bagi pengunjung yang masuk ke suatu situs polling atau sejenisnya.
Tag-tag yang dipakai pada form :
Tag <FORM>, dipakai untuk mendefinisikan form dan diikuti oleh ia atribut, yaitu METHOD untuk pengolahan form dan ACTION untuk memilih direktori file.
Tag <TEXTAREA>, dipakai untuk menciptakan kotak isian teks dan diikuti oleh atribut NAME untuk menciptakan nama objek pada teks area, ROWS untuk menetukan spasi jumlah baris teks area, dan COLS untuk memilih spasi hukum kolom.
Tag <INPUT>, dipakai untuk meminta masukan dari pengguna, dengan beberapa jenis atribut, seperi NAME untuk masukan objek input, SIZE untuk ukuran kotak input, MAXLENGTH untuk menetukan jumlah teks maksimum, VALUE memilih nilai tetap sebuah objek input, CHECKED untuk memilih pilihan pada checkbox atau radio button, dan TYPE untuk memilih tipe input.
Contoh dari isyarat FORM :
NOTE :
Penggunaan Tag HTML tidak case sensitive, artinya tidak membedakan karakter kapital dan karakter kecil. Jadi, tag <HEAD> sama artinya dengan tag <head>..Artinya kalau menulis dengan karakter kapital tidak kuat terhadap text html
Jangan lupa untuk memberi tanda garis miring ( / ) pada setiap tag final HTML. Jika tidak, dokumen HTML tidak akan ditampilkan dengan baik.
Jika anda berlatih isyarat HTML melalui jadwal notepad, jangan lupa untuk selalu menuliskan exstensi .html atau .htm (contoh : blog.html). Jika tidak, file yang disimpan akan tidak sanggup dibuka pada web browser
Sekian dul
Tag <TEXTAREA>, dipakai untuk menciptakan kotak isian teks dan diikuti oleh atribut NAME untuk menciptakan nama objek pada teks area, ROWS untuk menetukan spasi jumlah baris teks area, dan COLS untuk memilih spasi hukum kolom.
Tag <INPUT>, dipakai untuk meminta masukan dari pengguna, dengan beberapa jenis atribut, seperi NAME untuk masukan objek input, SIZE untuk ukuran kotak input, MAXLENGTH untuk menetukan jumlah teks maksimum, VALUE memilih nilai tetap sebuah objek input, CHECKED untuk memilih pilihan pada checkbox atau radio button, dan TYPE untuk memilih tipe input.
Contoh dari isyarat FORM :
NOTE :
Penggunaan Tag HTML tidak case sensitive, artinya tidak membedakan karakter kapital dan karakter kecil. Jadi, tag <HEAD> sama artinya dengan tag <head>..Artinya kalau menulis dengan karakter kapital tidak kuat terhadap text html
Jangan lupa untuk memberi tanda garis miring ( / ) pada setiap tag final HTML. Jika tidak, dokumen HTML tidak akan ditampilkan dengan baik.
Jika anda berlatih isyarat HTML melalui jadwal notepad, jangan lupa untuk selalu menuliskan exstensi .html atau .htm (contoh : blog.html). Jika tidak, file yang disimpan akan tidak sanggup dibuka pada web browser
Sekian dulu klarifikasi aku wacana Mengenal apa itu html dan cara Belajar Menulis Kode HTML, supaya apa yang aku jelaskan dari awal hingga final wacana kode-kode HTML ini sanggup bermanfaat bagi para teman aku sekalian.
Nanti aku akan update lagi versi selanjutnya.
Terima kasih telah berkunjung
Sumber http://tutorial-cmd.blogspot.com/
Tag <INPUT>, dipakai untuk meminta masukan dari pengguna, dengan beberapa jenis atribut, seperi NAME untuk masukan objek input, SIZE untuk ukuran kotak input, MAXLENGTH untuk menetukan jumlah teks maksimum, VALUE memilih nilai tetap sebuah objek input, CHECKED untuk memilih pilihan pada checkbox atau radio button, dan TYPE untuk memilih tipe input.
Contoh dari isyarat FORM :
NOTE :
Penggunaan Tag HTML tidak case sensitive, artinya tidak membedakan karakter kapital dan karakter kecil. Jadi, tag <HEAD> sama artinya dengan tag <head>..Artinya kalau menulis dengan karakter kapital tidak kuat terhadap text html
Jangan lupa untuk memberi tanda garis miring ( / ) pada setiap tag final HTML. Jika tidak, dokumen HTML tidak akan ditampilkan dengan baik.
Jika anda berlatih isyarat HTML melalui jadwal notepad, jangan lupa untuk selalu menuliskan exstensi .html atau .htm (contoh : blog.html). Jika tidak, file yang disimpan akan tidak sanggup dibuka pada web browser
Sekian dulu klarifikasi aku wacana Mengenal apa itu html dan cara Belajar Menulis Kode HTML, supaya apa yang aku jelaskan dari awal hingga final wacana kode-kode HTML ini sanggup bermanfaat bagi para teman aku sekalian.
Nanti aku akan update lagi versi selanjutnya.
Terima kasih telah berkunjung
Sumber http://tutorial-cmd.blogspot.com/
