Sabtu, 30 September 2017

Cara Mudah dan Singkat membuat teks judul dalam HTML

Assalammu’alaikum Warohmatulahi Wabarokatuh
Hai, apa kabar semuanya? Ketemu lagi dengan penulis. Kali ini penulis akan memberikan tips mudah dan singkat membuat teks judul dalam HTML. Sebelum kita lanjut ke tahapan membuat teks judul, kita harus tahu terlebih dahulu tentang teks judul dalam HTML.
            Dalam HTML judul atau sub judul dari halaman web dapat dibuat dengan menggunakan tags <hn>...</hn>, mulai dari level 1 sampai 6.
            Diatas sedikit tentang teks judul dalam HTML. Adapun berikut langkah-langkah membuat teks judull dalam HTML :
1.        Klik start.
        

2.        Carilah notepad
         

3.        Selanjutnya, ketik kode HTML ini dalam notepad :
<html>
<head><title> Heading </title></head>
<body>
<h1> Demo Heading 1 </h1>
<h2> Demo Heading 2 </h2>
<h3> Demo Heading 3 </h3>
<h4> Demo Heading 4 </h4>
<h5> Demo Heading 5 </h5>
<h6> Demo Heading 6 </h6>
</body>
</html>
4.        Klik file, pilih save as dan simpan ditempat yang kamu inginkan misalnya di dokumen. Ketika menyimpan, buat nama judulnya diakhiri dengan dot html (.html). contoh nama judul filenya: belajar_judul.html
        

5.        Setelah itu klik kanan pada file yang sudah disimpan, tekan open with, lalu pilih mozila atau google chrome untuk melihat hasilnya.

6.        Jika berhasil, akan muncul teks seperti dibawah ini :

Dari demo heading, kita melihat teksnya dari yang terbesar ke yang kecil. Itu terjadi karena tag yang digunakan setiap teks tersebut yaitu dari level 1 sampai 6.
Demikianlah yang dapat penulis sampaikan untuk membuat teks judul dalam HTML, semoga bermanfaat. Selamat mencoba. J
Wassalammu’alaikum Warohmatulahi Wabarokatuh




Diposting oleh di Tidak ada komentar:
Label:

Jumat, 29 September 2017

Cara Cepat dan mudah Membuat Format Karakter dan Font dalam HTML

Assalammu’alaikum Warohmatulahi Wabarokatuh
Apa kabar teman? Hari ini penulis akan memberikan tips  cepat dalam membuat format karakter dan font dalam HTML. Sebelum itu, penulis akan memberikan sedikit tentang format karakter dan font dalam HTML.
Ini beberapa atribut beserta artinya pada format karakter dan font dalam HTML :

 Sedangkan ini, tag beserta artinya yang digunakan untuk format karakter dan font dalam HTML :


1.        Klik Start.
       Diatas kita sudah mengetahui atribut dan tag pada format karakter dan font dalam HTML, adapun langkah cepat dan mudah membuat karakter dan font dalam HTML yaitu sebagai berikut :
        

2.        Carilah notepad.
        

3.        Setelah itu, ketik kode HTML dibawah ini:
<html>
<head><title>Format karakter dan font</title></head>
<body>
<h1><font color=”#ff00a8” size="200"> Kelas Sistem Informasi </font></h1>
<h2><font face=” lucida calligraphy”> belajar format karakter dan font </font></h2>
<b>teks ini akan tebal </b>
<i>teks ini akan miring </i>
<u> teks ini bergaris bawah </u><br>
<p>
     <small> &copy; 2017 SI - All right reserved </small>
</p>
</body>
</html>
4.        Klik file, selanjutnya pilih save as dan simpan ditempat yang kamu inginkan misalnya pada dokumen. Ketika menyimpan, buat judulnya diakhiri dengan dot html (.html). contoh nama judul filenya: Format_Karakter_dan_Font.html


5.        Selanjutnya, klik kanan pada file yang sudah disimpan. Tekan open with, kemudian pilih mozila atau google chrome.
        

6.        Jika berhasil, akan muncul teks seperti dibawah ini:
        

Teks pada baris pertama, ukurannya lebih besar dari pada teks yang lain, karena menggunakan font size yaitu 200 dan berwarna karena menggunkan color #ff00a8.
Sedangkan, teks baris kedua memiliki bentuk tulisan yang berbeda karena menggunakan face lucida calligraphy.
Lalu, teks pada baris ketiga memiliki tulisan tebal,miring dan bergaris bawah karena menggunakan tag: <b>, <i>, dan <u>.
Dan yang terakhir, pada baris keempat menghasilkan tulisan yang kecil karena menggunakan tag : <small>
Oke, teman-teman. Demikianlah langkah-langkah dalam membuat format karakter dan font dalam HTML. Semoga bermanfaat, selamat mencoba. J

Wassalammu’alaikum Warohmatulahi Wabarokatu
Diposting oleh di Tidak ada komentar:
Label:

Selasa, 26 September 2017

Cara Membuat Komentar dalam HTML

Assalammu’alaikum Warohmatulahi Wabarokatu
Baiklah teman-teman, kali ini kita akan membahas tentang demo komentar dalam HTML. Tapi, sebelum itu kita harus tahu terlebih dahulu tentang komentar HTML. Komentar HTML adalah  bagian teks dalam kode HTML yang tidak ikut diproses atau diterjemahkan oleh web browser.
Dalam HTML, komentar dibuat menggunakan tanda: lebih kecil, tanda seru, dan tanda strip 2 kali (<!--). Kemudian diakhiri dengan tanda: tanda strip 2 kali dan lebih besar(-->).
Misalnya: <!--Contoh -->.
Diatas sedikit pengenalan tentang komentar dalam HTML, sekarang kita akan langsung praktekkan contoh dari demo komentar dalam HTML. Berikut langkah-langkah dalam membuat komentar dalam HTML:
1.        Klik start,
        
2.        kemudian cari notepad.
        
3.        Setelah itu, ketik koding ini didalam notepad
<html>
<head><title>komentar</title></head>
<body>
<h2>Demo Komentar dalam HTML</h2>
Selamat Datang dipemrograman HTML
<!-- nama : .....     alamat : ..... -->
</body>
</html>
4.        Klik file, lalu pilih save as dan simpan ditempat yang kamu suka misalnya di dokumen. Ketika membuat judul, jangan lupa diakhiri dengan dot html (.html), Contoh nama judulnya: belajar_komentar.html
       
      

5.        Setelah itu, klik kanan pada file yang telah kita save. Pilih open with, terus tekan mozila atau google chrome.
       

6.        Maka akan muncul teks berupa:
Demo Komentar dalam HTML
Selamat Datang dipemrograman HTML.

     Sedangkan, (nama : .....          alamat:.....) tidak akan muncul, karena teks tersebut menggunakan komentar dalam HTML.

            Demikianlah cara membuat komentar dalam HTML, semoga bermanfaat. J

Wassalammu’alaikum Warohmatulahi Wabarokatu
Diposting oleh di Tidak ada komentar:
Label:
Langganan: Postingan (Atom)