Bagaimana Anda menambahkan tag ke teks dalam html?

Saya memiliki formulir masukan di situs web saya yang mengizinkan HTML dan saya mencoba menambahkan petunjuk tentang penggunaan tag HTML. Saya ingin teksnya

Look just like this line - so then know how to type it

Tapi sejauh ini yang saya dapatkan hanyalah

Terlihat seperti baris ini - jadi ketahuilah cara mengetiknya

Bagaimana cara menampilkan tag agar orang tahu apa yang harus diketik?

HTML penuh dengan banyak tag berbeda untuk teks. Tag ini memungkinkan kami menampilkan teks dalam dokumen HTML kami dengan cara yang kami inginkan untuk ditampilkan. Meskipun merupakan fitur dasar HTML, ada banyak hal yang harus dipelajari tentang tag ini. Sebagian besar tag untuk teks adalah sebaris tetapi ada pengecualian. Ketika sebuah elemen sebaris, itu berarti secara default mereka menerapkan baris CSS ini padanya

display: inline;

Apa itu elemen sebaris dalam HTML?

Tag sebaris untuk teks berperilaku berbeda dari elemen blok. Mereka tidak merusak aliran konten, dan hanya mengambil ruang sebanyak yang diperlukan. Elemen blok, di sisi lain, cenderung memenuhi lebar penuh halaman

Oleh karena itu, tag HTML untuk teks semuanya sebaris, karena digunakan dalam menulis teks, dan mengalir dengan elemen sebaris lainnya di halaman

Apakah ada tag blok untuk teks?

Beberapa tag yang kami gunakan untuk teks adalah elemen blok. Ini sebagian besar mengacu pada tajuk dan paragraf, yang biasanya menempati seluruh baris atau bagian pada halaman. Dengan demikian, paragraf baru muncul di bawah paragraf terakhir, bukan di sampingnya, seperti yang Anda harapkan

Sekarang setelah kita membahas dasar-dasarnya, Mari kita lihat beberapa tag inline utama yang kami gunakan untuk teks dalam HTML, beberapa di antaranya mungkin belum pernah Anda dengar sebelumnya

Tag tajuk

Dalam HTML, kita dapat menunjukkan header menggunakan tag header bernomor. Ini semua adalah elemen blok.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Berikut adalah contoh semua tag tajuk, dari yang paling penting dan terbesar, hingga yang paling tidak penting dan terkecil

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Tag <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> _9

Tag ini adalah tag blok untuk teks, digunakan untuk menunjukkan sebuah paragraf. Paragraf dalam HTML biasanya memiliki beberapa margin, untuk memisahkannya dari tag paragraf lainnya. Contoh ditunjukkan di bawah ini

    <p>I am a paragraph</p>

Tag daftar. <p>I am a paragraph</p> 0, <p>I am a paragraph</p> 1 dan <p>I am a paragraph</p> 2

Jika kita ingin membuat list di HTML seperti contoh di bawah ini, kita menggunakan tag list

• Hai, yang di sana
• Saya adalah sebuah daftar

Ada dua jenis daftar -

    <p>I am a paragraph</p>

    <p>I am a paragraph</p>

Dalam daftar

    <p>I am a paragraph</p>

    <p>I am a paragraph</p>

    <p>I am a paragraph</p>

<ul>
    <li>Hi there</li>
    <li>I am a list</li>
</ul>
<ol>
    <li>Hi there</li>
    <li>I am a list</li>
</ol>

Tag <p>I am a paragraph</p> 8

Tag ________8______8, seperti namanya, adalah elemen blok. Ini mari kita buat kutipan. Ini sering digabungkan dengan

<ul>
    <li>Hi there</li>
    <li>I am a list</li>
</ul>
<ol>
    <li>Hi there</li>
    <li>I am a list</li>
</ol>

<ul>
    <li>Hi there</li>
    <li>I am a list</li>
</ul>
<ol>
    <li>Hi there</li>
    <li>I am a list</li>
</ol>

<ul>
 <li>Hi there</li>
 <li>I am a list</li>
</ul>
<ol>
 <li>Hi there</li>
 <li>I am a list</li>
</ol>

<figure>
    <blockquote>
        I am HTML
    
    <figcaption>HTML, from <cite>HTML in action</cite></figcaption>
</blockquote></figure>

Hasilnya terlihat seperti ini

Saya HTMLHTML, dari HTML beraksi

Tag <ul> <li>Hi there</li> <li>I am a list</li> </ul> <ol> <li>Hi there</li> <li>I am a list</li> </ol> _3

Tag em digunakan untuk membuat teks ditekankan atau miring. Berikut adalah contoh tampilannya. Dalam kode, kami menulisnya seperti ini

<em>An emphasised piece of text</em>

Tag <ul> <li>Hi there</li> <li>I am a list</li> </ul> <ol> <li>Hi there</li> <li>I am a list</li> </ol> _4

Tag yang kuat digunakan untuk membuat teks menjadi tebal. Berikut adalah contoh tampilannya. Sepertinya ini dalam kode

<strong>An emphasised piece of text</strong>

Tag <ul> <li>Hi there</li> <li>I am a list</li> </ul> <ol> <li>Hi there</li> <li>I am a list</li> </ol> _5

Elemen ini membuat jeda baris di mana pun Anda suka. Sepertinya ini dalam kode

<br>

Tag <ul> <li>Hi there</li> <li>I am a list</li> </ul> <ol> <li>Hi there</li> <li>I am a list</li> </ol> _6

Elemen ini membuat teks digarisbawahi Sepertinya ini dalam kode

<u>underlined</u>

Tag <ul> <li>Hi there</li> <li>I am a list</li> </ul> <ol> <li>Hi there</li> <li>I am a list</li> </ol> _7

Tag yang kuat digunakan untuk membuat teks menjadi tebal. Berikut adalah contoh tampilannya. Sepertinya ini dalam kode

<strong>An emphasised piece of text</strong>

Tag <ul> <li>Hi there</li> <li>I am a list</li> </ul> <ol> <li>Hi there</li> <li>I am a list</li> </ol> _7

Elemen ini menyorot sepotong kode pada halaman. Ini ditata seperti di bawah ini

<ul>
    <li>Hi there</li>
    <li>I am a list</li>
</ul>
<ol>
    <li>Hi there</li>
    <li>I am a list</li>
</ol>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Tag <figure> <blockquote> I am HTML <figcaption>HTML, from <cite>HTML in action</cite></figcaption> </blockquote></figure> _0

Elemen ini menunjukkan teks yang seharusnya tidak memiliki jeda baris. Jika Anda terus mengetik, elemen ini akan menghentikan teks agar tidak pecah kapan saja, alih-alih meluap. Contoh ditunjukkan pada elemen kode di bawah ini. Teks terus berjalan, meskipun mencapai ujung wadah

Tag HTML apa yang digunakan untuk teks?