The Soda Pop




Munculah
Loading...
  • Terlihat... Nampakan Bukti Seo
    Sedang Diarahkan Ketujuan...
    Cokies Dan Penampungan 3 Wap
  • Mild Grabs Search Cokies Wapmild

    Sekarang setelah kita memahami Cara Menulis Di Blog Dengan HTML V.1 kita akan mempelajari bagaimana menuliskan kode yang telah dipelajari sebelumnya pada sebuah Markup HTML lengkap. Berikut ini adalah contoh penulisan kode HTML dengan struktur yang baik:


    <html>   <head>      <title>Judul Halaman (ditampilkan di tab browser)</title>
      </head>
      <body>
       
     <b>Ini adalah
    huruf tebal</b>
         <i>Ini adalah huruf
    miring</i>
         <u>Ini adalah
    huruf bergaris bawah</u>
         <a href="http://cari-apa.hexat.com">Bookmark Wapmild iya</a>
      </body>
    </html>
    

    Maka hasilnya adalah sebagai berikut:

    Ini adalah huruf tebal Ini adalah huruf miring Ini adalah huruf bergaris bawah Bookmark Wapmild iya

    :(

    Oh No, tampilannya menjadi tidak rapi .
<br>Seharusnya tampilannya
turun kebawah, bukan
kesamping. Apa yang harus
saya lakukan ini?
</p>
<p> Untuk membuat
tampilan dengan garis baru
kebawah, maka kita
memerlukan sebuah kode,
kode tersebut adalah:
</p>
<pre class=<br/>

    Sehingga jika diterapkan dalam kode sebelumnya adalah seperti berikut ini

    <html>
      <head>
       
     <title>Judul
    Halaman (ditampilkan di tab
    browser)</title>
      </head>
      <body>
       
     <b>Ini adalah
    huruf tebal</b>
             <br/>
         <i>Ini adalah huruf
    miring</i>
             <br/>
         <u>Ini adalah
    huruf bergaris bawah</
    u>
             <br/>
         <a href="http://cari-apa.hexat.com">
    Bookmark Wapmild iya</a>
      </body>
    </html>

    Hasil:

    Ini adalah huruf tebal

    Ini adalah huruf miring

    Ini adalah huruf bergaris bawah

    Bookmark Wapmild iya


    Kode HTML Berlapis

    Tidak hanya menggunakan satu tag <> saja. Terkadang kita membutuhkan sebuah kode berlapis dari menggunakan element HTML. Misalnya saja sebuah kode untuk membuat tulisan huruf tebal dan miring atau huruf tebal +miring+bergaris bawah, maka bisa menggunakan berlapis-lapis kode HTML

    1. Tebal dan miring

    <b><i>Mari Belajar Kode HTML ini untuk belajar</i></b>

    Maka hasilnya adalah seperti berikut:

    Mari Belajar kode HTML ini untuk belajar

    2. Tebal + Miring + Bergaris Bawah

    <b><i><u
    >Mari Belajar kode HTML ini untuk belajar</u></i></b>

    Maka hasilnya adalah seperti berikut:

    Mari Belajar kode HTML ini untuk belajar

    Nha Selain dua contoh diatas, penggabungan kode HTML dapat dilakukan tanpa batas. Penggabungan ini biasanya dilakukan jika objek yang akan dibuat memerlukan lebih dari satu element. Element HTML tersebut dapat digabungkan dengan cara belajar membuat element utama berada di tengah. Ini dikarenakan browser membaca kode HTML berlapis tersebut dari tengah, jadi urutannya seperti ini:

    <u>Mari Belajar kode HTML ini untuk belajar</u>
    <i><u>
    Mari Belajar kode HTML ini untuk belajar</u></i>
    <b><i><u
    >Mari Belajar kode HTML ini untuk Pemula</u></i></b>

    Sebetulnya Masih banyak kode HTML yang bisa kita pelajari, mau belajar lebih lanjut? Save this page, demikian semoga bermanfaat.

    View Details !