Sabtu, 21 Januari 2017

Mari Belajar HTML menggunakan Sublime Text 3 (HTML Style&Formatting) Part 2

Hallo kembali dengan saya, kali ini saya ingin melanjutkan tutorial membuat website sederhana menggunakan sublime text 3. Materi yang saya berikan kali ini yaitu menggunakan HTML Tags. Penasaran? baiklah langsung saja kita mulai.

HTML Tags yaitu sebuah attribut dasar HTML. HTML tag adalah kata kunci yang dikelilingi oleh kurung sudut < > dan selalu di tutup dengan </ >. Tag pada HTML sangat banyak, tetapi kali ini kita akan membahas beberapa HTML Tag berikut ini:
<b>         :  Membuat Tulisan Menjadi Tebal                       ex:The lightning
<strong>  : Membuat Tulisan Menjadi Tebal                        ex:The lightning
<em>       : Membuat Tulisan Miring                                    ex:The lightning
<i>           : Membuat Tulisan Miring(sama seperti em)         ex:The lightning
<small>    : Membuat Tulisan Menjadi Kecil Rapat              ex:The lightning
<sub>      : Membuat Tulisan Menjadi Kecil dan Kebawah  ex: subscript text.
<sup>      :Membuat Tulisan Menjadi Kecil dan Keatas       ex:superscript text.
<ins>       :Membuat Tulisan Mempunyai Garis Bawah         ex:red
<del>      :Membuat Tulisan Menjadi Tercoret                     ex;blue
<mark>   :Membuat Tulisan Menjadi Tanda                        ex:xxxx

Baiklah Langkahnya:

1.Buka Aplikasi Sublime Text3 terlebih dahulu dan buka NewFile

2.Baiklah Selanjutnya Ketik Source Code Berikut ini

    Maksud dari Code diatas yaitu,
    -span { } digunakan untuk memperbesar tulisan Paragraf Pertama.
    -<body style="background-color:Pink"> digunakan untuk mengubah warna background website
    -<h1 ukuran Tulisan Terbesar
    -align="center"> digunakan untuk peletakan tulisan rata kiri tengah ataupun kanan. dalam kasus ini saya menggunakan rata tengah
    -<font color="#9488D3"> biasanya digunakan Sebagai warna tulisan ( menggunakan angka HEX)
    -<hr color=" "> digunakan untuk membuat garis vertikal berwarna

 Jika Source Code dijalankan:

3.Selanjutnya, Ketikkan Source Code berikut ini

  Maksud dari Source Code diatas yaitu:
   -<p align="justify"><font color="purple"> <span> S </span></p><font color="Black">
    -<p :Membuat Sebuah Paragraf
    -align="justify"> membuat tulisan rata kiri
    -<font color="purple"> mengubah warna tulisan
    -<span> S </span> mengubah tulisan menjadi Sangat Besar, nah ini fungsi span yg diatas tadi
    - Mau tau fungsi beberapa Tag HTML dgambar ini, bisa anda lihat ditulisan saya yang paling atas
    -<marquee><b><i>  </b></i></marquee> code membuat tulisan bergerak, mempertebal, dan miring

  Jika Source Code dijalankan:

4. Langkah yang terakhir.Coba ketik Source COde berikut ini

   Maksud dari Source Code diatas yaitu
   -<p align="center"><img src=" " widht=" " height=" " alt="not found" usemap="#Warung Lala"></p>     </map> yaitu
   -<img src=" " untuk meletakkan source file sebuah gambar
   - widht=" " dan height=" " mengatur lebar dan tinggi gambar
   -alt="not found" untuk mengarahkan ke tab lain jika klik gambar
   - usemap=" " menamai gambar biar ada tulisannya
   - jika ingin melihat fungsi beberapa HTML diatas bisa melihat dihalaman atas tutorial ini.

Jika Source Code diatas dijalankan:

Sekian Tutorial Sederhana saya. Silahkan beri Komentar jika masih ada yang belum mengerti. Disarankan Memberi Kritik dan Saran yang membangun untuk terus memajukkan Blog ini menjadi lebih baik. Tetap pantengin Blog saya ,dilain kesempatan pasti akan ada lagi Tutorial yang Bermanfaat bagi kalian Semua. Akhir Kata Wasalamualaikum wr.wb

1 komentar:

  1. According to Stanford Medical, It is indeed the SINGLE reason women in this country get to live 10 years longer and weigh 19 kilos lighter than we do.

    (And actually, it has totally NOTHING to do with genetics or some secret-exercise and absolutely EVERYTHING to around "how" they eat.)

    P.S, I said "HOW", and not "what"...

    TAP this link to determine if this brief questionnaire can help you release your true weight loss possibility

    BalasHapus