Lompat ke konten Lompat ke sidebar Lompat ke footer

BELAJAR HTML

Konstruksi Dasar Halaman HTML

Tag ini harus ditempatkan di bawah satu sama lain di bagian atas setiap halaman HTML yang Anda buat.

<!DOCTYPE html>- Tag ini menentukan bahasa yang akan Anda tulis di halaman. Dalam hal ini, bahasanya adalah HTML 5.

<html> - Tag ini menandakan bahwa mulai saat ini kita akan menulis dalam kode HTML.

<head>- Di sinilah semua metadata untuk laman web - hal-hal yang sebagian besar ditujukan untuk mesin telusur dan program komputer lainnya.

<body>- Di sinilah letak konten halaman .

Di dalam <head>tag, ada satu tag yang selalu disertakan:, <title>

<title>
Di sinilah kita memasukkan nama halaman karena akan muncul di bagian atas jendela browser atau tab.
<meta>
Di sinilah informasi tentang dokumen disimpan: pengkodean karakter, nama (konteks halaman), deskripsi.

Contoh Penerapannya :


<!DOCTYPE html>

<html lang="en">

    <head>

        <title>Latihan Belajar HTML</title>

    </head>

    <body>

        <p>Hello Sahabat Blogger</p>

    </body>

</html>

Hasil

Tag Format HTML

Dalam HTML, tag adalah hal pertama yang terpenting. mengetahui dan memahami tag adalah kebutuhan dasar karena ini adalah pemisah yang membedakan kode HTML dari teks biasa. Ini adalah tag yang digunakan untuk menampilkan dokumen baik dalam teks biasa atau teks yang diubah sebagai instruksi. Apa teks yang diubah itu? Untuk menampilkan serangkaian objek, teks yang diubah adalah kodenya. Objek dapat berupa media, hyperlink, gambar, atau metode pemformatan lainnya.

dengan tag kita biasa membuat kata atau kalimat tampak tebal, bergaris bawah, miring, dan lain sebagainya. Ini dapat membantu meningkatkan tampilan halaman web anda. 

Tag HTML 

berikut ini beberapa tag paling berguna yang dapat membantu Anda mendesain teks.

Tag header <h> </h>
setiap teks, kalimat atau paragraf harus diawali dengan tag pembuka seperti contoh untuk Judul artikel <h1> dan tag penutup </h1>
umumnya tag header terdiri dari 6 level yaitu h1 hingga h6

 Contoh


<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Tutorial Heading di HTML</title>
    </head>
    <body>
        <h1>Sirkuit Mandalika</h1>
        <h2>Sirkuit Mandalika</h2>
        <h3>Sirkuit Mandalika</h3>
        <h4>Sirkuit Mandalika</h4>
        <h5>Sirkuit Mandalika</h5>
        <h6>Sirkuit Mandalika</h6>
    </body>
</html>
Hasil

Tag paragraf <p>
Ini memungkinkan Anda untuk menentukan struktur dokumen dalam paragraf. Anda menggunakan <p> dan </p>, masing-masing saat Anda memulai dan menyelesaikan paragraf.

Tag ganti baris <br />
Tag line-break harus digunakan untuk memulai teks dari baris berikutnya. Tidak ada tag pembuka dan tag penutup yang tersedia untuk ini.

Garis horizontal <hr>
Garis horizontal digunakan untuk memecah atau memisahkan bagian yang berbeda dalam dokumen. Garis horizontal ditarik dari posisi kursor ke margin kanan ekstrem.

Tag tengah <center>
Tag ini digunakan untuk membawa konten halaman atau sel tabel ke tengah.

Tag <pre> yang telah diformat sebelumnya
Tag yang telah diformat sebelumnya digunakan untuk mempertahankan format dokumen HTML yang sudah ada. Setelah tag ini dimasukkan, format yang sama diikuti. <pre> digunakan sebagai tag pembuka, sedangkan </pre> digunakan sebagai tag penutup.

Tag font <font>
Seperti namanya, ini digunakan untuk menerapkan font tertentu ke teks. Ini memiliki tiga atribut utama - wajah, ukuran, dan warna. Wajah berarti nama font, seperti “Monotype Corsiva”, “Times New Roman”, dll. <Font face = ”?”> </font> digunakan untuk mengubah bentuk font. Warna font dapat diubah menggunakan tag <font color = ”# ??????”> </font> (*) dan ukurannya dapat diubah menggunakan <font size = ”?”> </font>. Untuk mengubah ukuran font sehubungan dengan teks sebelumnya, Anda dapat menggunakan <font size = ”?”> </font>.

Tag tebal <b> </b>
Untuk membuat teks menjadi tebal, tag ini digunakan. <b> digunakan sebagai tag pembuka dan </b> digunakan sebagai tag penutup.

Tag miring <i> </i>
Untuk membuat teks miring, digunakan tag ini. <i> digunakan sebagai tag pembuka dan </i> digunakan sebagai tag penutup. Miring adalah format teks yang agak miring.

Tag garis bawahi <u> </u>
Untuk menggarisbawahi teks, tag ini digunakan. <u> digunakan sebagai tag pembuka dan </u> digunakan sebagai tag penutup. Semua tautan di HTML sudah digarisbawahi, jadi kebutuhan untuk menggunakan tag ini untuk mereka dihilangkan.

Strike-out tag <strike> </strike>
Untuk menyilangkan teks apa pun, tag ini menarik garis melalui pusatnya. Ini menunjukkan bahwa teks tersebut akan dihapus atau tidak lagi digunakan. Sebagai gantinya, Anda juga dapat menggunakan <s> </s>.

Tag kode sumber <code> </code>
Saat menggunakan tag ini, font teks dalam dokumen diformat ke font kode sumber dan memiliki lebar tetap.

Tag teks mesin ketik <tt> </tt>
Font teks menjadi serupa dengan yang diketik menggunakan mesin tik dan memiliki lebar tetap.

Tag blockquote <blockquote> </blockquote>
Untuk membuat kutipan yang panjang, digunakan tag ini. Margin ekstra lebar ditampilkan di sisi kiri kutipan ini.

<small> </small> kecil
Sehubungan dengan teks di sekitarnya, <small> </small> digunakan untuk memperkecil ukuran font. Ini menghilangkan kebutuhan untuk mengatur ukuran font secara terpisah. Ini sangat berguna ketika Anda harus menampilkan 'cetakan halus'.

Penekanan tag <em> </em>
Ini biasanya membantu untuk menekankan teks yang dicetak miring. Namun, atribut ini dapat berbeda untuk browser yang berbeda.

Tag penekanan kuat <strong> </strong>
Sebagian besar ini digunakan untuk lebih menekankan teks yang sudah tebal. Namun, atribut ini dapat berbeda untuk browser yang berbeda.

Tag teks yang dihapus <del> </del>
Di antara dua tag ini, semua teks ditampilkan sebagai teks yang dihapus.

Tag Teks yang disisipkan <ins> </ins>
Di antara dua tag ini, semua teks ditampilkan sebagai teks yang disisipkan.

Tandai tag <mark>
Untuk menandai, atau menyorot, teks, tag ini digunakan.

Superskrip <sup> </sup>
Teks di antara tag pembuka dan penutup dituliskan sebagai superskrip saat menggunakan tag ini, dengan ukuran yang sama dengan teks di sekitarnya.

Teks Subskrip <sub> </sub>
Teks di antara tag pembuka dan penutup ditulis sebagai subskrip saat menggunakan tag ini, dengan ukuran yang sama dengan teks di sekitarnya.

Posting Komentar untuk "BELAJAR HTML"