TUGAS DARING MATERI 2 BELAJAR HTML - HTML Tag, Element, Attribute & Comment
Materi hari ini Jumat-8-mei-2020
MATERI 2 BELAJAR HTML - HTML Tag, Element, Attribute & Comment
HTML Element
HTML Tag, Element, Attribute & Comment
✓ Pada umumnya, HTML Element terdiri dari:
• Opening Tag (tag pembuka) - contohnya adalah <p>.
• Closing Tag (tag penutup) - contohnya adalah </p>.
• Attribute - contohnya adalah style yang memiliki Value "color=red". HTML Attribute akan kita
pelajari di topik selanjutnya.
• Content (konten) yang ingin ditampilkan di browser - contohnya adalah HALLO WORLD !
▪ Ada dua jenis HTML Element, yaitu:
1. HTML Element yang memiliki Opening Tag (tag pembuka) dan Closing Tag (tag penutup) - contohnya
adalah <p> dan </p>.
2. Empty HTML Element: memiliki Self-closing Tag, yang hanya memiliki Opening Tag (tag pembuka)
dengan garis miring sebelum kurung tutup - contohnya adalah <br /> atau <img /> ATAU tanpa
menggunakan garis miring tidak jadi masalah misal <br> atau <img>.
Dengan tampilan sebagai berikut
Agar lebih jelas, berikut adalah contoh penggunaan HTML dan Empty HTML Element:
<!-- HTML Element yang memiliki tag pembuka dan tag penutup -->
<p style="color:red"> My Name is Kucing </p>
<!-- Empty HTML Element yang memiliki self-closing tag -->
<img src="https://go.aws/2U4VXWt" alt="kucing" />
✓ Perhatikan dua penggunaan Tag di atas :
▪ Tag < p > memiliki penutup di belakangnya yaitu < /p >
▪ Sedangkan pada tag <img> hanya memiliki tanda garis miring di bagian belakang tag pembukanya <img ... />
yang jika tidak ditambahkan garis miring hasilnya akan sama saja.
Ini scrift html dan cssnya
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tugas daring pbo</title>
<style>
body {
background: yellow;
}
h1{
text-align: center;
font-size: 50px;
}
h3{
text-align: center;
}
.lppm{
width: 400px;
height: 400px;
background: url(lppm.png) top center no-repeat;
background-size: 100%;
position: absolute;
}
.text {
position: absolute;
bottom: -30px;
border: 2px solid rebeccapurple;
color: blue;
}
</style>
</head>
<body>
<h1>WELCOME TO</h1>
<div class="lppm"></div>
<br>
<h3>SMK 4 LPPM RI PADALARANG</h3>
<div class="text"><h4>
Sekolah menengah kejuruan SMK 4 LPPM RI PADALARANG didirikan pada tahun 2008 dan baru
<br>
mendapatkan izin pendirian pada tahun 2011 dibawah naungan Yayasan Lembaga Pendidikan
<br>
dan Pengethauan Masyarakat Republik Idonesia. pada tahun 2008 SMK 4 LPPM RI PADALARANG
<br>
Dipimpin oleh seorang kepala sekolah yang bernama Visa Irani Tresna Dewi.S.pd.MM.
<br>
Pada awal pendirian SMK 4 LPPM RI PADALARANG membuka 2 kompetisi keahlian yaitu Rekayasa Perangkat Lunak dan
<br>
Akomondasi Perhotelan dan pada tahun 2011 baru membuka kembali 2 kompetisi keahlian baru yakni Teknik komputer dan jaringan
<br>
dan teknik sepeda motor Pada tahun ajaran 2013/2014 SMK 4 LPMM RI PADALARANG memiliki siswa sebanyak 750 siswa.
</h4></div>
</body>
</html>
Komentar
Posting Komentar