Hal itu bisa kita lakukan melalui Penerapan/ variasi pada Kode <Tag> atau Attribut pada Tag .
Sebelumnya pembahasan kita sudah sampai pada pembuatan html sederhana dibawah ini, yang mana dibuat dalam notepad dan disimpan dalam format .html
<html>
<head>
<title> Belajar HTML </title>
</head>
<body bgcolor="Yellow">
BELAJAR HTML Bersama
</body>
</html>
Berikut Keterangannya :
Merah : Adalah tag (yang mana memiliki Pembuka dan Penutup) NB; perhatikan Tag yang saling berpasangan
Biru : Adalah Attribut ( berguna untuk menambah fungsi suatu Elemen/Merubah Latar)
Orange : ELEMEN (Isi dari TAG/ yang diapit oleh Tag)
Dalam Tag ada Attribut yang dapat menambah Fungsi Elemen yang ada didalamnya
yaitu dengan menambah beberapa Atribut seperti dibawah ini;
Contohnya Merubah FONT : <font face="arial">
Mewarnai FONT : <style="color:#0F6"> (untuk warna diawali # )
Membuat Text Rata Tengah : <align="center">
Membuat Text Rata Kiri : <align="left">
Mengganti Warna FONT : <color="RED">
Membuat Latar Halaman : <bgcolor="Yellow">
Sehingga Jika mencoba menerapkan beberapa attribu HTML menjadi seperti dibawah ini :
<html>Kode Attribut yang biru (bgcolor="Yellow")berfungsi untuk membuat membuat latar menjadi warna KUNING.
<head>
<title> Belajar HTML </title>
</head>
<body bgcolor="Yellow">
<a style="color:#F00">BELAJAR HTML Bersama</a>
</body>
</html>
Kode attribut biru (style="color:#F00") berfungsi untuk membuat Teks "Belajar HTML Bersama menjadi berwarna Merah"
(Klik Perbesar)
.jpg)
"PEMBUATAN JUDUL"
Dalam Pembuatan Judul ada hingga 6 (Heading & SubHeading) Yaitu ;
<h1>Judul Halaman</h1>
<h2>Judul Halaman</h2>
<h3>Judul Halaman</h3>
<h4>Judul Halaman</h4>
<h5>Judul Halaman</h5>
<h6>Judul Halaman</h6>
Sehingga diterapkan dalam sebuah HTML menjadi seperti ini ;
tampilannya setelah disimpan kira kira seperti ini (Klik untuk memperbesar)<html>
<head>
<title> Belajar HTML </title>
</head>
<body bgcolor="Yellow">
BELAJAR HTML Bersama</body><h1>Judul Halaman</h1>
<h2>Judul Halaman</h2>
<h3>Judul Halaman</h3>
<h4>Judul Halaman</h4>
<h5>Judul Halaman</h5>
<h6>Judul Halaman</h6>
</html>
.jpg)
Sehingga bisa kita rangkum bahwa H1 adalah ukuran paling besar, hingga H6 maka jenis judul akan semakin mengecil
Namun dalam Tag Judul <h1> tersebut kita juga bisa menambahkan attribut attribut diatas sebelumnya menjadi seperti dibawah ini ;
<html>
<head>
<title> Belajar HTML </title>
</head>
<body bgcolor="RED">
BELAJAR HTML Bersama</html><h1 align="Center">Judul Halaman</h1>
<h2 align="right">Judul Halaman</h2>
</body>
Tampilannya seperti ini (Klik untuk perbesar)
.jpg)
Disimpulkan bahwa attribut untuk judul H1 berlaku untuk membuat rata tengah, dan attribut pada H2 untuk rata kanan.
Selain membuat judul dalam html berlaku/diperlukan juga peran untuk membuat sebuah paragraf
PARAGRAF (Kode Tag : <p> </p> )
misalkan setelah membuat judul dibawah kamu ingin memasukkan sebuah paragraf,
maka kode tag <p> </p>
Sehingga dalam html diapit seperti ini
<h1> Judul Paragraf </h1>
<p> contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf,</p>
Namun jika kamu ingin memberi warna pada paragraf , mungkin sudah paham kan....??
maka menjadi demikian
<h1> Judul Paragraf </h1>
<p style="color:#F00"> contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf, contoh isi paragraf,</p>
Attribut pada tag paragraf tersebut berfungsi untuk mewarnai Paragraf tersebut.
Nah, Sekian untuk ulasan tambahan mengenai " Attribut hingga Membuat Judul Heading & Sub Heading dan Paragraf "
Dalam Postingan Berikutnya Blog akan menjelaskan "Cara Membuat Tabel Dalam HTML". Dan linknya akan Update pada Kotak Komentar.
so... Ditunggu ya...
Jika berkenan silahkan klik tombol like Facebook dibawah ini / share atau bagikan ke teman teman yang juga ingin belajar HTML Bersama, Berbagi itu Banyak Pahalanya Loh..
Trima kasih telah berkunjung, Salam BLogger.
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.png)
.jpg){kind=link}
.jpg){kind=link}