Memformat Ukuran Huruf Tetap dan Penggunaan Heading Dengan HTML

dalam HTML
Hosting Murah Berkualitas

Pada postingan yang lalu saya sudah membuat artikel beserta Video Tutorialnya tentang bagaimana cara Memformat Teks Pada Halaman Website Dengan HTML. Pada artikel kali ini saya akan memberikan tutorial lanjutannya lagi yaitu tentang bagaimana cara Memformat Ukuran Huruf Tetap dan Penggunaan Heading Dengan HTML.

Dengan membaca artikel dan mengikuti Video Tutorial yang ada pada artikel ini nantinya anda akan bisa memformat ukuran huruf dengan ukuran tetap sesuai dengan yang anda inginkan serta penggunaan tag HEADING pada teks yang ada pada halaman website anda tersebut.

Maksud dari dibuatnya artikel serta video tutorial pada postingan kali ini adalah agar pengetahuan anda tentang HTML ini nantinya semakin bertambah. Sehingga dengan semakin kayanya anda akan pengetahuan HTML ini, maka anda akan dengan mudah mendesign dan mengedit setiap halaman yang ada pada website anda.

Tanpa panjang lebar sekarang kita mulai saja bagaimana caranya Memformat Ukuran Huruf Tetap dan Penggunaan Heading Dengan HTML ini.

Memformat Ukuran Huruf Tetap Dengan HTML

Tag HTML yang bisa kita gunakan untuk merubah ukuran suatu huruf pada halaman website kali adalah kita gunakan tag <FONT SIZE>.

Dengan tag <FONT SIZE> ini nantinya anda bisa merubah ukuran huruf yang berbeda-beda antara satu kata dengan kata yang lain, satu kalimat dengan kalimat yang lain, ataupun satu paragraf dengan paragraf yang lain sesuai keinginan anda.

Ada beberapa ukuran huruf yang bisa kita pakai pada tag <FONT SIZE> ini. Ukurannya yaitu dari huruf yang berukuran 1 sampai huruf yang berukuran 7.

<FONT SIZE=1> dengan nilai 1 digunakan untuk membuat huruf atau teks dengan ukuran terkecil. Sedangkan <FONT SIZE=7> dengan nilai 7 digunakan untuk membuat huruf atau teks dengan ukuran terbesar.

Untuk memahami penggunaan tag<FONT SIZE> ini, kita langsung praktek saja membuat file HTMLnya agar anda nantinya akan lebih faham ketika sudah melihat tampilannya di halaman website.

Silahkan buka dulu Notepad anda, lalu copy paste kode dibawah ini kedalam Notepad kosong anda. Lalu simpan dengan ekstensi file HTML.

<html>
<header>
<title>
Memformat Ukuran Huruf Tetap Dengan HTML
</title>
</header>

<body>

<Font size = 1>ini contoh format teks dengan ukuran huruf Font Size = 1 </Font> <br><br>

<Font size = 2>ini contoh format teks dengan ukuran huruf Font Size = 2 </Font> <br><br>

<Font size = 3>ini contoh format teks dengan ukuran huruf Font Size = 3 </Font> <br><br>

<Font size = 4>ini contoh format teks dengan ukuran huruf Font Size = 4 </Font> <br><br>

<Font size = 5>ini contoh format teks dengan ukuran huruf Font Size = 5 </Font> <br><br>

<Font size = 6>ini contoh format teks dengan ukuran huruf Font Size = 6 </Font> <br><br>

<Font size = 7>ini contoh format teks dengan ukuran huruf Font Size = 7 </Font> <br><br>

</body>
</html>

Setelah File HTML nya disimpan dengan nama file yang anda inginkan, silahkan cari file HTML yang baru saja anda save tadi lalu klik 2 kali untuk melihat tampilannya pada browser anda.

Untuk membantu anda dalam memahami pembelajaran ini saya sudah siapkan Video Tutorial tentang Memformat Ukuran Huruf dan Penggunaan Heading Dengan HTML ini pada channel youtube Belajar HTML cara peterwebs.com. Silahkan kunjungi Tutorialnya dengan mengunjungi Channel youtube tersebut atau anda bisa juga menontonnya melalui video yang saya embed pada akhir artikel ini.

Memformat Ukuran Huruf  Menggunakan Tag Heading Dengan HTML

Sebelumnya anda sudah belajar bagaimana cara Memformat Ukuran Huruf Tetap Dengan HTML. Pada Tutorial diatas tadi anda harus memasukkan secara manual sebuah value atau nilai angka tetap pada tag <FONT SIZE> tersebut.

Nah, Sekarang akan saya jelaskan cara lainnya dalam memformat ukuran huruf yang mirip-mirip cara diatas tadi namun dengan menggunakan tag yang lain. Cara yang akan kita pakai kali ini kita gunakan tag Heading yaitu tag <H>.

Sama seperti penggunaan tag <FONT SIZE> diatas, pada tag Heading <H> inipun memiliki value atau nilai angka yang harus anda sertakan pada tag Heading <H> tadi untuk memanggilnya. Ukuran heading <H> yang bisa kita pakai memiliki value atau nilai 1 <H1> sampai 6 <H6>.

Tag Heading <H1> ini berbeda dengan tag title <Title>. Tag Title <Title> hanya muncul pada title bar dari suatu jendela browser, tata letaknya pun Tag Title <Title> diletakkan pada Elemen <Head>. Sedangkan Tag Heading <H> muncul dan tampil didalam Web Page atau Halaman Website karena tata letak penyimpanan tag nya pun diletakkan pada Elemen Body.

Tag Heading <H> ini memiliki 6 tingkatan Heading. Heading level satu <H1> biasanya dipakai untuk judul utama. Sedangkan level heading 2,3,4,5,6 biasanya dijadikan sub judul berdasarkan urutan levelnya masing-masing. Jadi, jika anda sedang menulis artikel pada halaman website anda maka gunakanlah heading <H> pada judul dan sub judul anda sesuai dengan ukuran huruf yang terbesar ke ukuran huruf yang terkecil, Dimana ukuran huruf terbesar diwakili oleh tag Heading <H1> dan ukuran huruf terkecil diwakili oleh tag Heading <H6>. Maka gunakanlah urutan tag Heading ini sesuai levelnya agar nantinya judul dan sub judul dokumen pada website anda terlihat jelas dan memiliki urutan yang konsisten.

Untuk mengetahui bagaimana cara penggunaan tag Heading <H1> ini, silahkan anda buka lagi Notepad anda, lalu copy paste kode HTML dibawah ini pada Notepad kosong anda.

<html>
<header>
<title>
Memformat Ukuran Huruf Menggunakan Tag Heading Dengan HTML
</title>
</header><body><H1>ini contoh format teks dengan HEADING 1 </H1><H2>ini contoh format teks dengan HEADING 2 </H2><H3>ini contoh format teks dengan HEADING 3 </H3><H4>ini contoh format teks dengan HEADING 4 </H4><H5>ini contoh format teks dengan HEADING 5 </H5><H6>ini contoh format teks dengan HEADING 6 </H6></body>
</html>

Setelah kode-kode atas tadi anda paste pada Notepad kosong anda, maka silahkan klik save untuk melakukan penyimpanan dan beri nama file sesuai dengan yang anda inginkan. Jangan lupa beri ekstensi (.html) setelah nama file anda, seperti contoh nama filenya : (format-huruf-dengan-tag-heading.html) tulis nama filenya tanpa tanda kurung ().

Setelah file tersebut sudah anda simpan, silahkan cari file HTML yang baru saja anda save tadi lalu klik 2 kali untuk melihat tampilannya pada browser anda.

Jika anda belum faham benar dengan langkah-langkah yang saya jelaskan pada artikel ini, maka silahkan anda langsung tonton saja Video Tutorialnya. melalui Link yang dibawah ini. Atau Jika anda ingin melihat semua Video Tutorial Pembelajaran Website lainnya yang sudah saya upload ke youtube, maka silahkan anda kunjungi saja channelnya dengan klik link ini

https://www.youtube.com/channel/UCyHUJtWm75DPmaJ93L5trog

Untuk memudahkan anda mendapatkan Update Video terbarunya, maka silahkan anda klik tombol SUBSCRIBE atau LANGGANAN di channel youtube tadi GRATIS tidak dipungut biaya sepeserpun.

Sedangkan jika anda ingin Memaksimalkan Pengetahuan Tentang Komputer, maka silahkan klik

https://www.youtube.com/channel/UCCN00g4lvoawk5tWsU-_syA

Jangan lupa klik tombol SUBSCRIBE nya untuk ber LANGGANANGRATIS di channel youtube KE-2 saya ini untuk memudahkan anda mendapatkan UPDATE VIDEO TERBARU dari saya.

Sekian dulu artikel tutorial tentang Memformat Ukuran Huruf Tetap dan Penggunaan Heading Dengan HTML dari saya. Kunjungi terus website ini untuk mendapatkan update-update terbaru dari saya. Jika anda akan mempelajari pembelajaran HTML ini secara Sistematis dari awal dan dari NOL, maka silahkan anda ikuti modulnya yang sudah saya susun pada Modul Tutorial –> HTML pada tab MENU diatas website ini atau dengan mengklik link ini. Selamat Praktek dan semoga bermanfaat.

Tags: #belajar html #html #membangun website #tutorial website #web design

author
Penulis: 
Saya adalah Seorang Blogger yang aktif dan konsen di bidang programming, web design, graphic design dan bisnis online. Saya juga tertarik pada bidang Parenting, Kesehatan dan informasi bermanfaat lainnya.
Cara Posting Artikel Di Website Berbasis WordPress
Cara Posting Artikel Di Website Berbasis WordPress
Pada saat yang lalu saya sudah membahas
Konfigurasi WordPress Yang Penting Untuk Diketahui
Konfigurasi WordPress Yang Penting Untuk Diketahui
Pada kesempatan yang lalu saya sudah membahas
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Bagi anda yang ingin memiliki banyak website
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Langkah pertama yang harus anda lakukan ketika
Cara Membeli Domain Dan Hosting
Cara Membeli Domain Dan Hosting
Salah satu persyaratan untuk bisa memiliki sebuah
Cara Install WordPress Di Localhost Dengan Xampp
Cara Install WordPress Di Localhost Dengan Xampp
Sebagai lanjutan dari pembelajaran membangun website, kali
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Sebelum anda memulai untuk belajar membuat website,
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Pada kesempatan yang lalu saya sudah share
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Kali ini saya akan sharing bagaimana caranya

Beri komentar "Memformat Ukuran Huruf Tetap dan Penggunaan Heading Dengan HTML"

Baca juga×

Top