×WallpaperNatureMountainRiverAnimalFlower

13 Tag HTML Sangat Penting Yang Harus Di Ketahui Oleh Pemula

   Mr.Ronnie   Oktober 31, 2021
13 tag html harus di ketahui

Caraseonet - 13 contoh Tag HTML yang harus di ketahui oleh para blogger pemula. Jenis Variasi Tag HTML itu, kalau di hitung maka banyak sekali ragam jumlahnya. Dari tiap-tiap elemen tag Html, memiliki fungsi masing-masing. Ada yang fungsinya untuk menampilkan gambar, meratakan tulisan, membuat garis di bawah teks, dan lain-lainnya.


Kalau di pikir-pikir script HTML itu sangat unik, cukup dengan mengetik beberapa deret jenis kode Tag, dapat mengaplikasikan beragam bentuk. Mungkin bagi pemula yang baru terjun menggeluti dunia coding HTML, pasti merasa senang dengan keunikan bahasa script tersebut.


Sebelum melanglang buana pada bahasan selanjutnya, rasanya kurang afdol kalau kita tidak mengerti apa yang di sebut dengan Tag HTML. Kode Tag HTML adalah merupakan bagian komponen dari bahasa markup yang di terapkan untuk menampilkan suatu bentuk tertentu yang dapat di lihat pada layar perangkat smartphone, ihone, laptop, serta perangkat lainnya. Dalam penyusunannya, Tag Html itu harus ada tag sebagai permulaan atau pembuka, dan Tag akhir sebagai penutup penulisan pada unsur elemen dalam dokumen HTML.


Sebagai suatu komponen bagian dari elemen HTML, maka Tag tersebut dapat membantu browser untuk merubah dokumen HTML menjadi halaman website atau laman web.


Seumpama Tag <p>, kalau di aplikasikan fungsinya adalah untuk mengontrol dan mengatur serta membatasi konten teks ke dalam elemen paragraf atau alinea. Lalu, Tag <img> di gunakan untuk menyematkan unsur file gambar.


Apakah yang akan terjadi bila melakukan kesalahan atau lupa dalam penulisan suatu Tag?. Semisal, Tag <p>, yang fungsinya adalah pembuka pada susunan teks dalam satu paragraf, kemudian kita lupa tidak memberi Tag penutup seperti ini: </p>.


Maka, hal yang seperti di atas itu, membikin Tag pembuka tersebut akan terlihat di layar parangkat, dan nampak di awal teks tulisan paragraf. Agar tidak terjadi hal seperti itu, maka harus di beri Tag penutup seperti di atas sebagai akhir dari penulisan teks dalam satu paragraf.


13 Jenis Tag HTML Yang Wajib Di Kenal Oleh Pemula

Mungkin sebagian dari kita yang masih pemula atau yang belum mengenal sama sekali tentang Tag HTML, pernah bertanya-tanya.


Bagaimana ya sebuah perangkat bisa mengenal konten apa yang akan di tampilkan, serta bagaimana cara menampilkannya?. Kemudian, apa yang membikin sebagian dari susunan teks menjadi tebal, miring, dan sebagian lagi berisi link Url atau alamat yang dapat di klik menuju ke halaman sebuah website?.


Untuk jawaban dari pertanyaan di atas sangatlah simple, yaitu karena adanya proses dari sistem pemrograman tag HTML. Kita harus tau, bahwa HTML adalah merupakan kumpulan mayoritas kode di dunia internet. Di mana pun tempat kita berada, yang penting ada jaringan internet. Maka kita dapat mengoperasikan perangkat pemrograman dan menyusun rangkaian kode HTML. Dari sini kita dapat membentuk suatu komponen dari unsur elemen HTML, seperti yang tertulis di atas.


Seperti yang kita ketahui, bahwa HTML merupaka bahasa markup. Dalam hal menulis sebuah konten, kita semestinya menandainya dengan kode HTML untuk menjalankan proses hal-hal seperti membedakan judul dengan alinea.


Kemudian, memberi jarak antara alinea satu dengan alinea selanjutnya. Hal ini dapat di jalankan dengan cara menyisipkan Tag di semua konten yang kita buat.


Tag HTML yaitu merupakan bahasa pemrograman yang mempunyai kata kunci khusus, di kelilingi oleh pertanda sebagai petunjuk yang berupa kurung pembuka < dan > sebagai tutup, seperti: <title> atau <h1>.


Tag itu pada umumnya hampir semuanya senantiasa berpasangan, dengan satu tag permulaan dan satu tag akhir. Perbedaannya ialah yaitu bahwa tag penutup mempunyai garis miring tambahan di dalam pertanda kurung, seperti ini: <article> Tag seperti itu merupakan permulaan, dan tag kedua ialah Tag akhir atau penutup dari serangkaian suatu elemen, dan memakai garis miring di dalamnya, seperti ini: </article>.


Selanjutnya, kita langsung pada pokok bahasan mengenai 13 Tag HTML beserta fungsinya. Berikut ini merupakan pokok-pokok dasar tag HTML biasa yang sepatutnya di kenal oleh seorang pengembang website atau pembuat laman situs. 13 Tag di bawah ini benar-benar penting bagi kita yang baru mengawali belajar coding HTML.


Agar kita lebih mudah dalam belajar dan memahami 13 Tag HTML ini. Maka, di bawah ini telah saya bagi menjadi 2 bagian:


Tag HTML Khusus Pembuatan Halaman Web

Tag membuat sebuah halaman website terdiri dari 4 (empat) bagian penting. Dan tag HTML ini pada tiap halaman situs itu wajib ada, agar halaman yang kita buat dapat di lihat dan di akses lewat browser.


Tag HTML Bagian 1 (satu):
1. Tag <html> dan </html>.

  • Tag di nomor 1 (satu) ini merupakan tag unsur pada root. Kode tag ini menunjukkan, bahwa seluruh yang ada di antara pertanda kurung ini berisi muatan kode HTML.

  • 2. Tag <head> dan </head>.

  • Tag ini berfungsi untuk membedakan kepala halaman suatu website dengan isi konten yang ada di halaman. Maka di sinilah kita dapat meletakkan kode Javascript atau memberikan meta deskripsi seputar website.

  • 3. <title> dan </title>.

  • Mungkin anda pernah mengamati atau melihat saat mengakses sebuah situs, kemudian pada tab browser terlihat berisi teks yang memberi kita ilustrasi perihal laman web. Teks yang demikian itulah di tulis sebagai judul atau title website dengan menggunakan kode tag HTML ini.

  • 4. Tag <body> dan </body>.

  • Tag body ini fungsinya untuk membuat badan halaman web. Jadi, setelah membuat tag body ini, kita bisa mengisi dengan berbagai konten seperti: artikel, gambar, video, dan lain-lain.

  • Tag HTML Pembuatan Konten Halaman Website.

    Setelah mengetahui kode HTML untuk membuat laman web. Sekarang kita pelajari tentang script HTML yang berfungsi untuk pembuatan konten isi pada halaman wevsite.


    Tag HTML Bagian 2 (dua):
    1. Tag <h1> dan </h1>.

  • Tag ini ialah merupakan tag heading, yang fungsinya untuk membuat judul pada halaman artikel. Dengan Tag ini akan membikin teks tampak lebih besar dan membuatnya tebal. Tag heading itu jumlahnya ada enam, yaitu Tag heading: (h1) - (h2) - (h3) - (h4) - (h5) - dan (h6), dalam susunan menurun secara berurutan pada halaman.

  • 2. Tag <p> dan </p>.

  • Tag ini fungsinya menetapkan sebuah rangkaian komponen tertentu, yang harus berdiri menjadi alineanya sendiri. Serta sebagai pembatas atau pemisah antar paragraf. Sebagai contoh adalah susunan teks artikel, dengan tag ini akan membentuk tulisan artikel mudah di baca. Sebab, antara paragraf yang pertama dan lainnya dapat terpisah.

  • 3. Tag <a> dan </a>.

  • Tag HTML ini berfungsi untuk membikin link url alamat website atau link tautan tertentu seperti link halaman posting artikel, link halaman static dan lainnya. Dalam penyusunannya Tag ini membutuhkan atribut "href" setelah tag <a seperti pada contoh ini:
    <a href="https://www.namablog.com">Masuk Di Sini</a>.

  • 4. Tag <img> dan </img>.

  • Tag ini merupakan metode untuk memasang atau menampilkan gambar pada halaman website. Tag HTML ini baru bisa menampilkan gambar dan dapat di lihat bila di tambah dengan atribut "src", contohnya seperti ini:
    <img src="https://namablog.com/nama-gambar.jpg">.

  • 5. Tag <div> dan </div>.

  • Sistem Tag HTML Div adalah untuk mengkategorikan sebagian komponen suatu konten ke dalam satu wadah. Dengan Tag ini memungkinkan kita membuat hal-hal seperti mengaplikasikan gaya terpisah pada suatu konten. Tag Div ini yang sering di pakai pada umumnya menambah atribut "style" dan "class", Misalnya:
    <div style="border.....">....</div> dan <div class="h1.....">....</div>.
    Penggunaan Tag Div dengan menyematkan dua atribut tersebut, akan membuat suatu bentuk yang berbeda.

  • 6. Tag <span> dan </span>

  • Tag Span ini sebenarnya seperti versi pada tag div dengan skala yang lebih kecil. Tag ini di terapkan untuk membenahi atau merapikan gaya dengan konten sebaris. Kita bisa saja menambahkan sebagian kata ke kelas tertentu, seperti: <span class="endorsement">Teks</span>. Jadi, pada intinya Div ini fungsinya untuk membikin gaya konten lebih bagus dan responsif.

  • Tag HTML Spesial Untuk Membentuk Huruf/Teks

    Dalam hal penyusunan serangkaian huruf atau kata pada artikel. Ada 3 jenis Tag HTML yang sangat familiar di gunakan oleh rata-rata para blogger. Dari 3 (tiga) jenis Tag khusus untuk pembentukan huruf atau teks tersebut, juga memiliki peranan atau tugas sesuai dengan fungsi masing-masing Tag. Tag HTML tersebut di antaranya adalah:


    Tag HTML Bagian 3 (tiga):
    1. Tag HTML <b> Bold </b>.

  • Tag menebalkan huruf/teks biasanya ada pada tag heading:, h1, h2, sampai Tag h6. Namun tag heading tersebut di khususkan untuk membikin title/judul. Kalau untuk membikin teks atau huruf tebal pada rangkaian kata pada artikel kita gunakan Tag HTML <b> Bold.

  • 2. Tag HTML <i> Italic </i>.

  • Tag ini yang juga sering di gunakan untuk menghiasi susunan pada tulisan artikel, yaitu Tag <i> - Italic. Dengan menerapkan Tag ini maka bentuk huruf/teks menjadi miring.

  • 3. Tag HTML <u> Underline </u>.

  • Selain dua jenis tag di atas, Tag <u> ini juga tidak kalah pentingnya dalam susunan sebuah artikel. Tag ini fungsinya adalah untuk memberi garis bawah pada teks/huruf. Maka dalam sebuah artikel, bila ada kata atau kalimat yang penting, Tag underline inilah yang harus di perankan.

  • Demikianlah "13 Tag HTML Yang Harus Di Ketahui Oleh Pemula". Semoga bermanfaat.

    Artikel 13 Tag HTML Sangat Penting Yang Harus Di Ketahui Oleh Pemula di publikasikan oleh: CaraSeoNet pada: Oktober 31, 2021. Silahkan baca artikel lainnya di bawah ini.

    Related Images