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




Tidak ada komentar:

Posting Komentar