Belajar Pemrograman Bersama Portal Coding

Belajar berbagai pemrograman secara gratis dan praktis agar cepat mahir.

Mulai Belajar

Membuat Kutipan Paragraf Didalam HTML

Tanggal Upload : 2020-03-13 17:46:27

Diupload Oleh : Erji Ridho Lubis


# html # html dan css

membuat kutipan paragraf didalam html

 

Membuat Kutipan Paragraf Didalam HTML

Pada artikel sebelumnya kita telah mengetahui bagaimana cara membuat heading, link, dan juga membuat paragraf dialam dokumen html. Nah pada artikel ini kita akan membahas mengenai bagaimana cara membuat kutipan paragraf didalam html. 

Simak dibawah ini.

Kutipan diartikan sebagai pengulangan suatu kalimat terkenal yang ditandai oleh (diselingi dengan) tanda kutip.

Didalam HTML, kutipan dibagi menjadi dua tag, yakni tag <blockquote></blockquote> dengan tag <q></q> .

Tag ini fungsinya sama, yaitu membuat sebuah kutipan didalam sebuah paragraf, namun yang membedakannya adalah pada hasilnya.

Tag <blockquote></blockquote> ini akan menghasilkan sebuah Quotes dalam paragraf dengan gaya teks agak maju ke depan dan memilik background yang telah di custom sebelumnya.

Sedangkan pada tag <q></q> ini akan membuat tanda kutip pada awal dan akhir sebuah kata atau teks yang kita jadikan kutipan.

Untuk sintaks penulisannya dapat dilihat dibawah ini.

 


  <html>
    <head>
      <title></title>
    </head>
    <body>
      <h1>Judul paragraf</h1>
      <p>
        Ini sebuah paragraf. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        <br>
        <blockquote cite="https://www.portalcoding.net">
          Ini sebuah Kutipan.
        </blockquote>
      </p>
    </body>
  </html>

 

Dan untuk tag <q></q>

 


  <html>
    <head>
      <title></title>
    </head>
    <body>
      <h1>Judul paragraf</h1>
      <p>
        <q>Ini sebuah Paragraf.</q> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
      </p>
    </body>
  </html>

 

Selanjutnya :

=> Menampilkan gambar didalam HTML.

 

Advertisement


Tentang Portal Coding

Tentang Portal Coding

Portal Coding adalah situs web yang membahas mengenai berbagai macam bahasa pemrograman baik versi web, desktop maupun mobile secara lengkap.

Portal Coding On Youtube

Ayo subscribe channel Portal Coding di Youtube. Dichannel ini kami menyediakan berbagai tutorial dalam bentuk video. Agar kita lebih mudah belajar pemrograman. Klik disini untuk subscribe.

Subscribe