Lompat ke isi

Pemrograman HTML/Tag

Dari Wikibuku bahasa Indonesia, sumber buku teks bebas

Tag di HyperText Markup Language (HTML) adalah tag yang bukan seperti tag gambar, namun tag ini adalah tag yang berfungsi sebagai kode visualisasi utama dalam sebuah pemograman HTML, tanpa tag ini teks, gambar, atau apapun itu tidak bisa ditampilkan, bahkan Isi web tersebut.

Tag di HyperText Markup Language (HTML) berfungsi untuk membuat apa saja (teks, tabel, format gambar, linking, dan yang lain sebagainya).

Cara Kerja

[sunting]

Contoh:

<html>
<body>

Contoh yang ditebalkan adalah contoh sebuah awalan dari sebuah html, isi HTML ini dapat diibaratkan sebagai kabel
(+)_______________________________________________________(-)

Agar sebuah listrik dapat mengalir, maka dibutuhkan kedua kutub; yaitu kutub positif dan negatif
sama seperti HTML, agar suatu kode html dapat bekerja, maka dibutuhkan yang namanya kedua tag

Fungsi <tag>

[sunting]

fungsi Tag<tag> ini adalah awalan rentang dari sebuah format fungsinya.

Contoh:

<html>
<body>

Contoh yang ditebalkan adalah contoh sebuah awalan dari sebuah html, isi HTML ini dapat diibaratkan sebagai kabel. Agar sebuah listrik dapat mengalir, maka dibutuhkan kedua kutub.

Beberapa Contoh Tag untuk HyperText Markup Language (HTML)

[sunting]

1.<html> dan </html>

[sunting]

<html> adalah tag dasar untuk semua jenis HTML apapun itu,
akhir dari sebuah script html adalah </html>

Contoh:
<html>
<body>

...(isi semua kode html)...

</body>
</html>

Bagian yang ditebalkan adalah tag html, antara <html> yang satu dengan </html> adalah rentang suatu HTML yang menjadikan dasar dari File/program HTML tersebut.

Penandaan HTML

[sunting]

html bisa diklasifikasikan bahasa utamanya dan daerah HTML itu dibuat atau dikembangkan
pengisian ini bertujuan agar mesin pencari dapat menemukan website atau html yang dicari dengan keyword
Contoh:

<html lang=in-ID>

format pengisiannya adalah
<html (kode bahasa)-(kode negara)>

Kode bahasa
[sunting]

Daftar kode bahasa untuk html atau disebut juga ISO 639-1 ditemukan di Wikipedia
Buka Daftar Kode Bahasa Untuk HTML

Kode Negara
[sunting]

Daftar kode negara untuk html atau disebut juga ISO 3166-1 ditemukan di Wikipedia
Buka Daftar Kode negara Untuk HTML (gunakan yang dua huruf saja)

2.<body> dan </body>

[sunting]

<body> adalah bagian yang menampilkan kode html tersebut,
penutup dari semua script yang terdapat di html tersebut disebut </body>

Contoh:
sesuai dengan contoh pertama (di nomor 1.)

3.<p> dan </p>

[sunting]

<p> adalah paragraf basic yang dapat menampilkan teks dasar seperti huruf yang anda baca sekarang,
penutup dari sebuah teks tersebut adalah </p>

4. <center> dan </center>

[sunting]

<center> adalah format tag untuk memosisikan suatu objek/teks,
Jika tag center diinginkan mencapai objek tertentu, maka diakhiri dengan </center>

Contoh:
<html>
<body>

<center>
<p><Kamu Ganteng</p>
</center>

</body>
</html>

Bagian yang digaris tebal adalah objek yang ingin di tempatkan di tengah suatu laman dengan posisi relatif

5. <title> dan </title>

[sunting]

<title> adalah tag untuk membuat judul pada suatu HTML, HTML bekerja di sebuah web dan web akan menunjukkan judul html tersebut,
untuk menuliskan judul maka gunakan syntax dasar ini

Contoh: <html>
<head>
..<title>
..Sebuah File HTML
..</title>
<body>

<center>
<p><Kamu Ganteng</p>
</center>

</body>
</html>

Huruf yang ditebalkan adalah syntax untuk membuat judul pada sebuah HTML/web (Bukan Header)
titik-titik (..<title>)(..Sebuah File HTML) hanyalah sebagai penanda untuk spasi (satu titik satu spasi)

Catatan

[sunting]
  1. Anda dapat mencoba kode yang saya contohkan diatas menggunakan Notepad (versi Windows) atau Notepad++ (direkomendasikan)(simpan file dalam bentuk format type .html)
  2. Jika terjadi masalah atau ditemukan kesalahan, dimohonkan untuk di sempurnakan
  3. Kode dasar yang saya gunakan dan saya perlihatkan adalah hanya HTML5, tidak ada HTML4 dan sebelumnya
  4. Apa yang saya jelaskan tentang pengertian HTML merupakan pemahaman saya, mohon maaf jika ada perbedaan pemahaman mengenai cara kerja HTML

Templat:Wikibooks

Referensi

[sunting]
  1. https://www.w3schools.com/tags/ref_language_codes.asp Daftar Kode Bahasa HTML
  2. https://www.w3schools.com/html/default.asp Tempat saya mengambil materi tentang HTML