Jumat, 05 Agustus 2016

Cara Membuat Garis, Link, dan List Order di HTML

     Kali ini saya akan menjelaskan anda tentang "Cara Membuat Garis, Link, dan List Order di HTML". Admin yakin anda, terutama yang awam atau yang pemula pasti belum tahu caranya kan?. Maka dari itu tanpa banyak kata - kata saya akan menjelaskan "Cara Membuat Garis, Link, dan List Order di HTML".

Cara membuat garis :
        Kode yang digunakan yaitu <hr size="nilai dalam persen"> , contoh :
         
        <hr size="80%">

        Maka hasilnya adalah garis horizontal sepanjang 80% (dari ukuran panjang layar), nilai           maksimumnya yaitu 100%.
       
        Karena setiap kali kita membuat garis dengan panjang < 100% selalu dimulai dari                     tengah, maka kita bisa mengaturnya dengan dimulai dari kanan atau kiri. Kode yang               digunakan yaitu :


Dari kanan, contoh :
                  <hr allign="right">
Dari kiri, contoh :
                   <hr align="left">
Dari tengah, contoh :
                   <hr align="center">

        Garis tersebut bisa diatur panjangnya dan mengatur tempat garis dimulai, contoh :

                   <hr size="80" align="left">

         Terakhir, garis tersebut juga bisa diberi warna, contoh :

                    <hr color="blue">
                    <hr color="#74deac">

Cara membuat link :
       Link yang dimaksud bukan link untuk mengunduh file, namun untuk berpindah dari satu laman ke laman yang lain agar lebih mudah. Contoh :

                      <a href="http//blogger.com">blogger</a></p>

Secara otomatis kode diatas akan dibaca sebagai kata "blogger" berwarna biru yang akan menuju ke alamat "blogger.com" apabila di klik.

Cara membuat list order :

Kali ini cara membuat list order hanya 2 yang saya sebutkan. Yaitu yang menggunakan angka dan tanda titik untuk mengurutkannya.

  Menggunakan angka, contoh :

<ol>
      <li> cara membuat garis</li>
      <li> cara membuat link</li>
      <li> cara membuat list order </li>

Menggunakan tanda titik, contoh :

<ul>
      <li> cara membuat garis</li>
      <li> cara membuat link</li>
      <li> cara membuat list order </li>

    Sekian dulu dari saya. Terima kasih telah membaca blog ini baik yang merasa puas maupun yang tidak. Terima kasih yaaa~.


Tidak ada komentar:

Posting Komentar