Belajar Membuat HTML
1.Cara Membuat Judul Menggunakan HTML
Header pada HTML Dibagi Menjadi 6 Bagian:
- <h1>
- <h2>
- <h3>
- <h4>
- <h5>
- <h6>
<h1>Header HTML</h1>
Maka Output Yang Akan Di Keluarkan Menjadi:
Header HTML
Dan Untuk Memperindah Tampilan Pada HTML Mu Agar Lebih Menarik,Kamu Bisa Menggunakan Style Untuk HTML Mu Seperti Contoh Berikut Ini
HTML:
<h1>Header HTML</h1>
Style:
h1{
color: brown;
}
Maka Output Yang Dihasilkan Akan Menjadi:
Header HTML
Sudah Terlihat Kan Perbedaanya.
Setelah Kita Belajar Membuat Header Pada HTML Selanjutnya Kita Bisa Mempelajari Beberapa
Elemen-Elemen Dasar Pada HTML,Kita Mulai Dengan Belajar Membuat Paragraf Pada HTML,Untuk
Membuat Paragraf Pada HTML Kita Harus Menggunakan Tag <p>
Berikut Adalah contoh Penggunaan Tag <p> Pada HTML:
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
Maka Output Yang Akan Dihasilkan Oleh Tag Diatas Adalah:
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Dan Untuk Mengubah Format Pada Text HTML Mu Kamu Bisa Menggunakan Beberapa Tag Berikut Ini:
<b>- Bold text<strong>- Important text<i>- Italic text<em>- Emphasized text<mark>- Marked text<small>- Smaller text<del>- Deleted text<ins>- Inserted text<sub>- Subscript text<sup>- Superscript text
Setelah Itu Kamu Bisa Mengkombinasikan Beberapa Elemen-Elemen dan Tag HTML Di Atas Untuk Membuat Halaman Website Sederhana Seperti Contoh Di Bawah Ini:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>Header HTML</h1>
<p>
HTML adalah singkatan dari Hypertext Markup Language. Pengertian HTML
sering kali dikaitkan dengan bahasa pemrograman
</p>
<h2>Tag pada HTML</h2>
<p class="p2">
Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML.
Tag dibuat dengan kurung siku (<...>), lalu di dalamnya berisi nama tag
dan kadang juga ditambahkan dengan atribut.
</p>
<h2 class="t3">Atribut pada HTML</h2>
<p class="p3">
Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini
bisa berupa instruksi untuk warna dari teks, besar huruf, dan lain-lain.
</p>
<p>
<b>Lorem ipsum dolor sit amet </b>
<i>consectetur adipisicing elit</i>.<em> Consectetur nostrum at nisi</em
>.<del> Dignissimos molestiae saepe maiores quis</del>,<small
>recusandae explicabo autem</small
>
<ins> perspiciatis id soluta eligendi sint magnam distinctio cum</ins
>,<strong> fuga iure.</strong>
<sup>Kumaha Barudak</sup>
</p>
</body>
</html>
Style CSS:
h1{
text-align: center;
color: brown;
}
p{
font-family: sans-serif;
}
H2{
background-color: yellow;
}
.p2{
font-family: 'Times New Roman', Times, serif;
}
.t3{
background-color: darkolivegreen;
}
.p3{
font-family: Arial, Helvetica, sans-serif;
}
Dan Output Yang Dikeluarkan Oleh Perintah Di Atas Adalah:
Header HTML
HTML adalah singkatan dari Hypertext Markup Language. Pengertian HTML sering kali dikaitkan dengan bahasa pemrograman
Tag pada HTML
Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung siku (<...>), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut.
Atribut pada HTML
Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari teks, besar huruf, dan lain-lain.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur nostrum at nisi. Dignissimos molestiae saepe maiores quis,recusandae explicabo autem perspiciatis id soluta eligendi sint magnam distinctio cum, fuga iure. Kumaha Barudak
Tidak ada komentar:
Posting Komentar