Apa perintah html untuk membuat text atau tulisan miring?

Hasil tampilan yang diperoleh seperti gambar di atas. Sekarang bandingkan dengan kode yang diberikan. Perhatikan kode kode yang di warnai. Kita akan bahas satu persatu.

Penulisan Paragraf dalam HTML

Diketik ini
2 baris, tapi tampil satu baris
  Ini adalah paragraf kedua
Dari kode di atas, meskipun pada teks editor (saya menggunakan notepad) ditulis dalam bentuk dua baris, tapi pada tampilannya masih terlihat satu baris. Ini berarti bentuk spasi, enter ataupun tab (dikenal dengan istilah (white characters) tidak mempengaruhi tampilan halaman html.

Lalu bagaimana cara membuat paragraf dalam html? Pembatas antara 2 paragraf dalam html menggunakan tag <p> dan </p>. Kemudian pada paragraf berikutnya juga dibuar hal serupa. Dengan menggunakan tag tersebut maka akan tampil halaman dengan 2 paragraf. Antara paragraf 1 dan berikutnya akan diberikan jarak. Bentuk penggunaanya ada pada kode yang berwarna kuning di atas. Perhatikan hasil teks tersebut, terlihat bahwasanya ada pembatas antara paragraf 1 dan paragraf 2.

Untuk pemberian baris baru, bisa anda perhatikan kode yang berwarna biru. Antara baris pertama dan baris kedua. Pada penulisannya dibatasi oleh tag </br>. Apabila tanpa tag <br/> maka kode warna biru tersebut kan ditampilkan dalam satu baris.

Tag <p> , dan <br/> terlihat memiliki fungsi yang hampir sama. Namun ada sedikit perbedaanya. Pada tag <p> baris antara 2 paragraf terlihat lebih berjarak dibanding <br/>. Sebenarnya penggunaan ini tidak dibatasi, sesuai dengan keinginan dan kebutuhan anda dalam pemberian jarak.

Penulisan Huruf Miring/Italic dan Huruf Tebal (Bold) dalam HTML

Sekarang untuk penulisan huruf miring dan huruf tebal dalam HTML. Sesama diketahui pada notepad tidak ada opsi untuk membuat huruf miring dan tebal. Jika ingin menampikan sebuah kata/kalimat dengan miring atau tebal bagaimana?


Untuk membuat huruf tebal dan huruf miring pada HTML bisa dilihat pada kode yang diwarnai hijau. Jika menginginkan huruf miring (italic) maka bisa digunakan tag <i> dan ditutup dengan </i>. Format penulisannya adalah <i> isi teks </i>. Selain dengan menggunakan tag i, anda juga bisa menggunakan tag <em> dan ditutup dengan tag </em>.


Jika ingin membuat sebuah teks tebal atau bold maka bisa digunaka tag <b> dan ditutup dengan tag </b>. Format penulisan lengkapnya <b> isi teks </b>. Dalam hal ini tag <b> </b> bisa diganti dengan tag <strong>isi teks </strong>.


Agar memudahkan anda mengingat perhatikan  masing masing perintah huruf dalam tanda kurung tersebut. Berikut rahasianya.

  1. Pada paragraf (<p> , </p>) digunakan perintah p , ini singkatan dari paragraph
  2. Pada bentuk penulisan baris baru digunakan <br/> (tanpa ada tag pembuka - ingat pengertian self-closing) huruf br adalah singkatan dari break.
  3. Tampilan huruf miring digunakan tag <i> , </i> i singkatan dari italic
  4. Tampialn tebal digunakan <b>, </b> ; b singkatan dari bold.

Nah sekian dulu catatan untuk beberapa penulisan dasar HTML mengenai paragraf, huruf miring dan huruf tebal. Dasar ini sangat penting dalam pembentukan tampilan teks pada halaman web nantinya. Seharusnya di ingat dengan baik.

Sebelumnya, kita sudah membahas perbedaan antara block element dan inline element. Sekarang kita bahas cara membuat tulisan miring di HTML. Berikut pembahasan selengkapnya jadi pastikan Anda membaca panduan AneIqbal ini sampai akhir.

Membuat huruf miring di HTML dapat dilakukan dengan 2 cara. Cara pertama menggunakan tag <i> dan cara kedua adalah menggunakan tag <em>.

Membuat huruf miring dengan tag <i>

Tag <i> merupakan singkatan dari italic. Italic tersebut adalah sebutan untuk teks yang ditulis miring. Awalnya, tag <i> tidak memiliki arti struktur apa-apa. Bahkan, pernah berstatus deprecated yang artinya tidak disarankan untuk digunakan lagi.

Kenapa bisa seperti itu? Karena, tag <i> ini hanya semata-mata membuat huruf menjadi miring atau italic.

Nah, karena tag-nya hanya bertujuan membuat efek tampilan semata-mata, sebagian programmer berpendapat bahwa sebaiknya tidak dipakai dan dialihkan ke CSS.

Di era HTML5 sekarang ini, tag <i> tetap dipertahankan. Hanya saja, penggunaannya berubah menjadi “alternative voice”.

Alternative voice ditujukan untuk menandai bagian teks yang pengucapan atau maknanya berbeda, seperti untuk menandai kata ilmiah atau yang berasal dari bahasa asing.

Tag <i> adalah salah satu tag berjenis inline element. Karena, tag <i> tidak membuat blok dan baris baru, dan mengikuti alur tag yang ada.

Kita coba buat teks yang miring dengan tag <i>.

<!DOCTYPE html>
<html>
  <head>
    <title>Membuat huruf miring di HTML dengan element i</title>
  </head>
  <body>
    <p>HTML merupakan singkatan dari <i>Hypertext Markup Language</i></p>
  </body>
</html>

Simpan lalu jalankan. Seperti ini jadinya.

tag untuk membuat huruf miring adalahtag <i> untuk membuat tulisan miring

Membuat huruf miring dengan tag <em>

Tag <em> merupakan singkatan dari Stresses Emphasis. Stresses Emphasis berguna untuk menandai teks yang perlu diberi penekanan.

Saat tampil di web browser, tag <em> akan menampilkan huruf miring, sehingga mirip dengan tag <i>.

Sama seperti tag <i>, tag <em> juga termasuk dalam tag berjenis inline element, yang akan menyatu dengan tag yang ada di sekitarnya.

Kita coba kodingannya.

<!DOCTPYE html>
<html>
  <head>
    <title>Membuat huruf miring dengan tag <em></title>
  </head>
  <body>
    <p>Dalam belajar membuat web, yang pertama kali harus dipelajari adalah <em>HTML</em>
  </body>
</html>

Simpan lalu jalankan. Seperti ini jadinya:

membuat tulisan miring di htmltag <em> untuk membuat huruf miring

Meski sama tampilannya, menjadi miring hurufnya, keduanya punya maksud tujuan masing-masing. Tag <i> untuk kata atau istilah asing, sedangkan tag <em> digunakan untuk penekanan kata.

Tak masalah juga bila ingin menggunakan salah satu saja, atau keduanya, atau campuran untuk membuat huruf miring. Sebaiknya gunakan yang lebih familiar untuk kita.

Seperti itulah cara membuat tulisan miring di HTML. Huruf miring dapat kita buat dengan tag dan tag . Kedua tag itu akan menampilkan hasil yang sama walaupun sebenarnya punya maksud tujuan yang berbeda.

Apa itu text formatting text pada HTML?

Formatting Text. Seperti pada namanya, Text Formatting adalah pemberian format yang mengkhusus pada text. Elemen format dirancang untuk menampilkan jenis teks khusus. Fungsi dari pemformatan text ini adalah untuk memberikan kesan dan tampilan yang berbeda kepada User.

Pemformatan teks di mana Mendefinisikan teks miring terhadap tag HTML menggunakan tag?

Untuk membuat tulisan atau teks miring pada HTML bisa menggunakan tag <i> atau tag <em> .

Apa perintah HTML untuk membuat judul?

Judul pada HTML dapat kita buat dengan tag <h1> sampai <h6> . Tag <h1> digunakan pada judul level pertama. Lalu tag lainnya digunakan pada sub heading atau level berikutnya. Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda.

Bagaimana cara membuat teks tebal pada HTML?

Untuk memberikan efek Bold pada sebuah kata atau kalimat, HTML memiliki elemen bernama <b></b> dan <strong></strong> . Kedua tag tersebut memiliki fungsi yang sama, yaitu sama-sama memberikan efek tebal pada teks.