Struktur Halaman Dan Pola Aktivitas Html
Struktur dan Program HTML - Hi Guys! Anda niscaya sudah apa itu HTML. Bila belum tau, Saya sarankan baca Apa itu HTML? Saya akan menjelaskan perihal struktur halaman dan teladan agenda HTML. Langsung saja ke pembahasannya.
Maksud dari struktur instruksi HTML :
Praktis kan? Iya, berguru HTML memang mudah. Tetapi jikalau Anda ingin menciptakan website yang besar, yang menarik banyak orang, HTML saja tidak cukup. Anda harus menguasai bahasa pemrograman lainnya menyerupai PHP.
Contoh penulisannya saya mengambil yang sederhana saja, karna kalau sudah tingkat atas nanti ribet dan takut susah dipahami oleh anda. Ini contohnya, menyerupai berikut:
Cara menuliskan atau menciptakan instruksi HTML
Sampai disini pembahasan perihal Struktur Halaman dan Contoh Program HTML, semoga bermanfaat. Bila ada yang mau ditanyakan jangan sungkan-sungkan untuk berkomentar dibawah.
Terimakasih.
Struktur Halaman HTML
Saya ambil teladan struktur instruksi HTML5, karna instruksi terbaru dari HTML. Kodenya sebagai berikut: <!DOCTYPE html>
<html>
<head>
<title>… Judul Website</title>
</head>
<body>
… ISI KONTEN
</body>
</html>
<html>
<head>
<title>… Judul Website</title>
</head>
<body>
… ISI KONTEN
</body>
</html>
Maksud dari struktur instruksi HTML :
- <!DOCTYPE html> yaitu type dokumen yaitu HTML. Untuk halaman website versi terbaru diwajibkan mendeklarasikan type dokumen ini.
- Tag <html> ditutup </html> yaitu mendefinisikan atau memperlihatkan maksud dari pada instruksi tersebut yaitu instruksi HTML. Tag ini wajib ada disetiap halaman HTML atau website.
- Kedua tag <head> ditutup </head> yaitu instruksi bab atau elemen atas atau kepala dari pada halaman HTML, yang sanggup terdiri dari judul website <title>, tag meta author, deskripsi web, dll <meta>, instruksi <charset>.
- Ketiga tag <title> </title> yaitu tag yang berfungsi menciptakan judul website. Yang diletakkan dibagian dalam antara tag <head> dan </head>.
- Keempat tag <body> </body> yaitu bab atau elemen untuk menampilkan isi/konten dari pada website. Semua isi web berada didalam tag body ini.
Praktis kan? Iya, berguru HTML memang mudah. Tetapi jikalau Anda ingin menciptakan website yang besar, yang menarik banyak orang, HTML saja tidak cukup. Anda harus menguasai bahasa pemrograman lainnya menyerupai PHP.
Tetapi, tidak semudah itu Anda menguasai PHP atau bahasa pemrograman lainnya, apalagi jikalau Anda mulai dari 0. Sungguh berat. Untuk menguasai bahasa pemrograman, tidaklah mudah. Butuh teknik khusus semoga Anda sanggup menguasai bahasa pemrograman.Didalam tag <body> terdapat banyak tag dan elemen yang berfungsi sebagai format teks, menyerupai dibawah ini:
- <p> berfungsi menciptakan paragraph baru.
- Heading dari <h1> hingga <h6> berfungsi menciptakan urutan font size teks, dari <h1> terbesar, hingga <h6> terkecil.
- <b> yaitu mencetak tebal suatu teks.
- <i> mencetak miring suatu teks.
- <u> mencetak garis bawah suatu teks.
- <em> menciptakan penitikberatan pada teks.
- <small> menciptakan teks tercetak kecil.
- <strong> menciptakan teks tercetak penting.
- <sub> menciptakan teks tercetak sebagai subscript.
- <sup> menciptakan teks tercetak sebagai superscript/ pangkat.
- <del> menciptakan teks yang diapit oleh tag <del> akan dicoret menyerupai dikoreksi.
- <mark> menciptakan teks yang ditandai (highlighted), efek goresan pena diberi “stabilo”.
- <br> yaitu ganti baris baru.
- <hr> yaitu menciptakan garis horisontal.
- <form> berfungsi menciptakan halaman form/formulir.
- <table> berfungsi menciptakan tabel. Dan masih banyak lagi.
Contoh Program dari HTML
Contoh penulisannya saya mengambil yang sederhana saja, karna kalau sudah tingkat atas nanti ribet dan takut susah dipahami oleh anda. Ini contohnya, menyerupai berikut:
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Sederhana</title>
</head>
<body>
<h1>Dunia Digital Yang Terus Maju</h1>
<p>Majunya dunia digital yang semakin pesat, dari tahun ke tahun dunia ponsel misalnya selalu bermunculan produk-produk baru, dari produk <b><i>China</i></b>yang sering menguasai pasar-pasar, hingga <b><u>Amerika</u> </b>yang dengan produk nomor wahidnya yaitu ponsel <b>Apple</b> nya, setiap hari selalu bermunculan dengan fitur-fitur yang semakin canggih.</p>
<p>Produk ponsel China yang lagi naik di Negara Indonesia yaitu type <strong>XIAOMI,<del> OPPO</del> dan VIVO.</strong></p>
</body>
</html>
<html>
<head>
<title>Belajar HTML Sederhana</title>
</head>
<body>
<h1>Dunia Digital Yang Terus Maju</h1>
<p>Majunya dunia digital yang semakin pesat, dari tahun ke tahun dunia ponsel misalnya selalu bermunculan produk-produk baru, dari produk <b><i>China</i></b>yang sering menguasai pasar-pasar, hingga <b><u>Amerika</u> </b>yang dengan produk nomor wahidnya yaitu ponsel <b>Apple</b> nya, setiap hari selalu bermunculan dengan fitur-fitur yang semakin canggih.</p>
<p>Produk ponsel China yang lagi naik di Negara Indonesia yaitu type <strong>XIAOMI,<del> OPPO</del> dan VIVO.</strong></p>
</body>
</html>
Cara menuliskan atau menciptakan instruksi HTML
- Buka Text Editor menyerupai Notepad++, Sublime Text atau yang lain.
- Salin instruksi diatas tadi kemudian Ketik apa yang anda ingin menyerupai teladan gambar diatas.
"Untuk klarifikasi penulisan sudah di bahas diatas."
- Lalu simpan dengan format “.html” dan beri nama sesuai yang anda inginkan.
- Buka hasil latihan bernama, belajar-html.html dengan browser seperti: Mozila atau Chrome.
- Jika benar akan menghasilkan tampilan dibrowser menyerupai dibawah ini.
Catatan: Tag-tag HTML tidak case sensitive, jadi tag HTML sanggup dipakai dengan teks Kapital <HTML> atau kecil <html>.Keduanya menghasilkan output yang sama. Tetapi didalam adat berprogram, konsistensi instruksi yaitu sangat penting, terutama untuk memperlihatkan kejelasan terhadap instruksi agenda tersebut.
Sampai disini pembahasan perihal Struktur Halaman dan Contoh Program HTML, semoga bermanfaat. Bila ada yang mau ditanyakan jangan sungkan-sungkan untuk berkomentar dibawah.
Terimakasih.
0 Response to "Struktur Halaman Dan Pola Aktivitas Html"
Post a Comment