Mempelajari Bagian Dasar HTML WEBSITE

DASAR HTML - Tutorial ini akan membantu Anda memulai dalam belajar HTML dengan terlebih dahulu menunjukkan Anda struktur dokumen HTML dan mendeskripsikan penggunaan bagian dan tag yang berbeda. Tidak seperti mengedit dokumen dalam pengolah kata normal di mana Anda mengubah format dan tata letak menggunakan tombol dan jendela, dalam HTML Anda mark up bagian menggunakan tag HTML. Mari kita lihat sebuah dokumen HTML sederhana dan memeriksa struktur.

< html> < head>
< meta name="keywords" content="HTML demonstration" >
< meta name="description" content="Just a simple HTML page." >
< title>New Web Site< /title>
< /head> < body>
< h1>Hello World! < /h1>
< p>This is my first HTML document.< /p>
< /body> < /html>

Hal pertama yang akan Anda perhatikan adalah bahwa bagian teks dibungkus dalam tag HTML, yang adalah kata kunci HTML ditutupi dalam kurung seperti < head> atau < h1>. Ini memberitahu browser web arti dari setiap bagian teks. Ada dua jenis tag HTML, yang pertama adalah tag yang membutuhkan pembukaan dan penutupan tag seperti < head> dan < h1>. Tag ini menyertakan seluruh bagian dari teks, sehingga untuk memberitahu browser mana bagian dimulai dan berakhir baik pembukaan dan penutupan tag yang diperlukan. Perhatikan bagaimana tag penutup memiliki garis miring (/) sedangkan tag pembukaan tidak.

Tipe kedua tag adalah tag yang tidak memerlukan tag penutup. Mereka adalah untuk elemen HTML yang tidak menyertakan unsur atau teks lainnya. Salah satu contoh akan menjadi tag < meta/> yang menentukan informasi tentang dokumen yang berguna untuk mesin pencari atau perangkat lunak pengindeksan. Tag ini memiliki garis miring sebelum tanda kurung tutup (>).

Dalam rangka untuk memiliki halaman HTML yang lengkap, semuanya harus dibungkus dalam tag seperti di atas. Setelah Anda memiliki tag tersebut diatur, langkah berikutnya akan menjadi tag

. Di bagian kepala, Anda menentukan informasi tentang dokumen HTML Anda yang belum tentu ditampilkan di jendela utama dari browser web. Dalam contoh di atas, bagian kepala memiliki dua meta tag yang menentukan beberapa kata kunci pencari mungkin gunakan untuk menemukan halaman serta deskripsi singkat dan judul halaman web. Judul yang diberikan di bagian kepala yang digunakan dalam judul bar dari jendela browser serta pada daftar mesin pencari, jadi pastikan untuk memilih judul yang relevan.

Sekarang mari kita lihat pada halaman HTML sedikit lebih maju untuk memahami lebih lanjut tentang bagian tubuh. Bagian tubuh berisi semua informasi yang disajikan kepada pengguna dalam melihat jendela utama browser web. Ini termasuk gambar, tabel, animasi Flash, dan link. Lihatlah HTML di bawah ini untuk melihat bagian tubuh yang lebih rinci (perhatikan bahwa bagian kepala dan pembukaan dan penutupan < html> telah tinggalkan).

< h1> Selamat datang di website pribadi saya! < /h1>
< h2> Menu Utama h2>
< ul>
< li>
< a href="resume.html"> Resume a>
Li>
< li>
< a href="photos.html"> Foto Saya a>
< / Li>
< / Ul>
< h2> Update Terbaru h2>
< p>
Ini akan daftar beberapa update terbaru ke situs web. P>
< h2> Links h2>
< a href="http://komputek.heck.in/"> MOBILE ASHARI a>
< / Body>

Sementara dalam contoh ini, Anda akan melihat banyak tag HTML asing yang akan dibahas dalam tutorial selanjutnya, kita lihat struktur dokumen. Perhatikan bagaimana ia diorganisir menjadi garis besar, dengan tag heading (h1, h2 dan) datang satu demi satu seperti subtopik pada outline. Ketika merancang halaman HTML Anda, selalu berpikir seperti garis karena ini adalah bagaimana web browser, mesin pencari, dan pembaca Anda akan melihatnya.

Terimakasih sudah mengunjungi blog ini.

Di dukung :
google, facebook ,yahoo youtube , alexa, bloggers, mypagerank , mywapblog , wapka, mobile ashari , baidu, wikipedia, QQ, linkedin, twitter , play store,

http://komputek.heck.in

Tweet