Skip to content Skip to sidebar Skip to footer

Rangkuman Materi Hypertext Markup Language (HTML) Lengkap

FIAN PANIC Rangkuman Materi  Hypertext Markup Language (HTML) Lengkap,, Berikut ini adalah beberapa rankuman materi lengkap tentang HTML brot,, :v okrlah langsung saja simak di bawah ini :c

Rangkuman Materi  Hypertext Markup Language (HTML) Lengkap


Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Disebut Markup Language karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan jika berada di antara tanda lainnya akan tampak besar. Tanda ini di kenal sebagai HTML tag.

Jika anda ingin melihat bagaimana sebenarnya HTML, silahkan klik kanan halaman ini, lalu pilih View Page Source (di Browser Mozilla Firefox atau Google Chrome). Akan tampil sebuah halaman baru yang merupakan kode HTML dari 



Fungsi dan Kegunaan HTML


Sebagai bahasa markup internet, HTML memiliki banyak fungsi dan kegunaan. Beberapa manfaat dari HTML diantaranya

Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk membuat halaman web. Semua halaman web pasti dibuat dengan menggunakan HTML.Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak memiliki pondasi maka akan cepat roboh. Begitu juga dengan website.


Jika tidak memiliki HTML sebagai pondasi, kita tidak dapat mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk mendesain website), Javascript (bahasa untuk menambah prilaku website), dan PHP (bahasa pemrograman server website).Untuk menandai teks pada halaman web. Misalnya, kita dapat menandai sebuah teks menjadi bergaris bawah dengan menggunakan tag html <u>Untuk menandai elemen/bagian pada halaman web.

Sebuah website memiliki beberapa bagian seperti header, navigasi, main dan footer. Kita dapat menandai setiap bagiannya dengan HTML.Untuk menampilkan informasi dalam bentuk tabelUntuk menambahkan objek seperti audio, video, gambar, dll dalam halaman webUntuk membuat online form 

Struktur Dasar HTML

#1 Element

Element terdiri dari 3 bagian, yaitu tag pembuka, isi dan penutup. Contohnya untuk menampilkan judul dari sebuah halaman, kita membuat kode html seperti ini

<title>Website Milik Faiz</title>

Yang berwarna biru, itu adalah pembuka. Yang warna hijau adalah isi. Sedangkan yang warna merah adalah penutup. Isi adalah optional, dalam artian tidak masalah jika kita tidak memberikan isi. Beda dengan pembuka dan penutup, keduanya harus ada dalam sebuah kode html. Jika tidak maka akan terjadi error, dan kode tidak akan berfungsi. 

Ada juga pembuka dan penutup yang berbeda dengan contoh diatas. Contohnya seperi ini

<input type="text" value="isian" />

Pada tag input kita tidak perlu menutupnya dengan </input> ,cukup dengan /> . Bahkan dengan menuliskan > saja juga bisa.

#2 Tag

Tag adalah teks khusus berupa dua karakter < dan >. Contohnya tag <head> dengan nama head, <body> dengan nama body, dan sebagainya. Tag ini sudah diatur dari sananya, jadi kita tidak boleh membuatnya sendiri. Misal jika kita menulis <bodi>, jelas tidak akan berfungsi.

Untuk lebih memperjelas, berikut ini struktur dasar kode html

<html>

<head>
<title>Website Faiz Agil Wirawan</title> 
</head>

<body>
Hai teman teman, ini website pribadi saya lho.. 
</body>

</html>

HTML (HTML saja) itu hanya untuk web statis, HTML dan CSS bekerja di sisi Client, Sementara PHP di eksekusi di server dan mengembalikan nilai kepada Client, Untuk membuat Website Dinamis (website yang berinteraksi dengan Server dan database) kita harus menggunakan keduanya (2 jenis kode, pertama markup (HTML) dan kedua Bahasa pemrograman berbasis Web (PHP termasuk kedalamnya, Tapi!! Bahasa pemrograman berbasis Web Bukan hanya PHP)). Pada Web dinamis kita memerlukan manajemen data yang semuanya bisa diserahkan kepada Program data base (Yang Popular bisa mengunakan MySQL, tetapi Bukannya hanya (Bukan satu-satunya) MySQL yang termasuk pemrograman Data). Mohon dikoreksi bila saya keliru :D



Penjelasan

<html></html> untuk menandai awal dan akhir dari file HTML<head></head> berisikan keterangan informasi seperti title dan jenis dokumen<title></title> sebagai judul halaman web<body></body> bagian ini adalah konten utama web seperti header, navigasi, artikel , sidebar dan footer

Anda dapat menuliskan kode html di aplikasi bawaan Windows, Notepad. Bisa juga mendownload aplikasi khusu untuk menulis kode yaitu Notepad++. 

Ingat um notepad ama notpad++ beda cuman ++ lebih lengkap


Source: HTML Indonesia

Keyword Terkai:
pengertian html dan fungsinya, pengertian html dan contohnya, sejarah html, pengertian html menurut para ahli, kegunaan html, pengertian css, struktur dasar html, pengertian login,

Post a Comment for "Rangkuman Materi Hypertext Markup Language (HTML) Lengkap"