Friday, 8 January 2016

Belajar dasar HTML (Membuat Teks Tebal, Miring dan Bergaris Bawah)



Membuat Teks Bergaris Bawah

                Untuk menjadikan suatu teks di dalam dokumen HTML menjadi bergaris bawah, kalian perlu menggunakan Tag <u>, yang di akhiri dengan Tag </u>. Teks ini pada umumnya digunakan untuk penegasan tertentu, misalnya seperti yang tampak pada contoh berikut :

  1.   Bukalah text Editor kalian (Notepad, Notepad ++ atau lainnya)
  2. Disini saya menggunakan Notepad ++
  3. Ketikkan atau salinlah kode di bawah ini

<html>
<head>
      <title> Contoh Teks Bergaris Bawah </title>
</head>
<body>
      <h3> Demo Teks Garis Bawah <h3>
William Henry "Bill" Gates III<b> (lahir di Seattle, Washington, 28 Oktober 1955)</b> adalah seorang tokoh bisnis, investor, filantropis, penulis asal Amerika Serikat, serta mantan CEO yang saat ini menjabat sebagai ketua Microsoft, perusahaan perangkat lunak yang ia dirikan bersama Paul Allen. <i> Ia menduduki peringkat tetap di antara orang-orang terkaya di dunia </i> dan menempati peringkat pertama sejak 1995 hingga 2009, tidak termasuk 2008<u> ketika ia turun ke peringkat tiga. </u>
</body>
</html>



     4. Lalu simpanlah dengan nama teksgarisbawah.html
     5. Lalu bukalah web browser kalian
Teks Bergaris Bawah
Format Teks Bergaris Bawah



Membuat Teks Miring

            Teks atau karakter dengan format miring dalam dokumen HTML dibuat menggunakan Tag <i>  dan diakhiri oleh Tag <i> . Berikut ini hasil modifikasi dari contoh kode diatas yang akan menunjukkan cara membuat teks miring.

  1. Bukalah text Editor kalian (Notepad, Notepad ++ atau lainnya)
  2. Disini saya menggunakan Notepad ++ 
  3.  Ketikkan atau salinlah kode di bawah ini

<html>
<head>
      <title> Contoh Teks Miring</title>
</head>
<body>
       <h3> Demo Teks Miring<h3>
William Henry "Bill" Gates III<b> (lahir di Seattle, Washington, 28 Oktober 1955)</b> adalah seorang tokoh bisnis, investor, filantropis, penulis asal Amerika Serikat, serta mantan CEO yang saat ini menjabat sebagai ketua Microsoft, perusahaan perangkat lunak yang ia dirikan bersama Paul Allen. <i> Ia menduduki peringkat tetap di antara orang-orang terkaya di dunia </i> dan menempati peringkat pertama sejak 1995 hingga 2009, tidak termasuk 2008 ketika ia turun ke peringkat tiga.
</body>
</html>

    4. Lalu simpalah dengan nama teksmiring.html
        5.   Lalu bukalah dengan aplikasi browser kalian

Teks Miring
Contoh Format Teks Miring

 Membuat Teks Tebal


           Untuk menebalkan teks atau karakter dalam suatu dokumen HTML, kita dapat menggunakan tag <b>, yang berpasangan dengan </b>. Setiap teks yang diapit oleh Tag – tag tersebut akan ditampilkan sebagai teks dengan format tebal. Berikut ini contoh kode yang akan menunjukkan proses penebalan teks dalam dokumen.

  1. Bukalah text Editor kalian (Notepad, Notepad ++ atau lainnya) 
  2.  Disini saya menggunakan Notepad ++
  3. Ketikkan atau salinlah kode di bawah ini

<html>
<head>
      <title> Contoh Teks Tebal </title>
</head>
<body>
      <h3> Demo Teks Tebal <h3>
William Henry "Bill" Gates III<b> (lahir di Seattle, Washington, 28 Oktober 1955)</b> adalah seorang tokoh bisnis, investor, filantropis, penulis asal Amerika Serikat, serta mantan CEO yang saat ini menjabat sebagai ketua Microsoft, perusahaan perangkat lunak yang ia dirikan bersama Paul Allen. Ia menduduki peringkat tetap di antara orang-orang terkaya di dunia dan menempati peringkat pertama sejak 1995 hingga 2009, tidak termasuk 2008 ketika ia turun ke peringkat tiga.
</body>
</html>

     4. Lalu simpalah dengan nama tekstebal.html
     5. Lalu bukalah dengan aplikasi browser kalian

 
Teks Tebal
Format Teks Tebal


Lorem ipsum is simply dummy text of the printing and typesetting industry.


EmoticonEmoticon