TUGAS DARING MATERI 2 BELAJAR HTML - Html tag,Element,Attribut & Comment
HTML Element
assalamualaikum wr'wb
Alhamdulillah pada kesempatan kedua ini kita masi dapat belajar melalui media digital yang telah ada untuk memudahkan proses belajar mengajar kita secara darinng.
bailklah teman teman pada kesempatan kali ini kita akan belajar materi kedua yaitu tentang html,yaitu tentang HTML Element atau elemen elemen apa saja yang ada dan dapat di gunakan dalam html
yanga mana pada pertemuan sebelunya kita telah membahas tentang pengenalan Tag Tag pada html.
langsung saja kita mulai ke materinya:
HTML Element merupakan sebuah komponen dalam halaman web, bisa berupa paragraf,judul,dan gambar.
✓ 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>.
itulah sedikit penjelasan singkat mengenai html element
selanjutnya kita akan coba membuat tampilan website sederhana yang di dalamnya terdiri dari sebagian element html yang telah kita baca dan pelajari di atas:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Website Pertamaku</title>
<style>
.container{
width: 1300px;
margin: auto;
border: 1px solid black;
background-color: darkgrey;
}
.footer {
background: #EEE;
height: 100px;
width: 100%;
text-align: center;
color: #666;
padding: 10px 10px;
}
</style>
</head>
<body bgcolor="lavender">
<center>
<h1>-Welcome To-</h1>
<h1>SMK 4 LPPM RI PADALARANG</h1>
<img src="logo.png" height="221" width="300">
</center>
<div class="container">
<p style="font-family: 'Rockwell Extra Bold'">Sekolah Menengah Kejuruan SMK 4 LPPM RI PADALARANG didirikan pada tahun 2008 dan baru
mendapatkan ijin pendirian pada tahun 2011 di bawah naungan Yayasan Lembaga Pendidikan
dan Pengetahuan Masyarakat Republik Indonesia. Pada Tahun 2008 SMK 4 LPPM RI
PADALARANG dipimpin oleh seorang Kepala Sekolah yang bernama Visa Irany Thresna Dewi,
S.Pd. MM, pada awal pendirian 4 LPPM RI PADALARANG membuka 2 Dua kompetensi Keahlian
yaitu Rekayasa Perangkat Lunak dan Akomodasi Perhotelan dan pada tahun 2011 baru membuka
kembali 2 Dua kompetensai keahlian yaitu Teknik Komputer Jaringan dan Teknik Sepeda Motor
Pada Tahun Ajaran 20132014 SMK 4 LPPM RI PADALARANG memiliki siswa sebanyak 705
siswa.
</P>
</div>
<br/>
<div class="footer">
<div>
Sejarah Singkat Berdirinya SMK 4 LPPM RI PADALARANG
</div>
<br/>
<div>
© Adi Tadjudin
</div>
</div>
</body>
</html
dan jika code di atas di tulis dalam teks editor seperti notepad++ maka tampilan nya akan seperti pada gambar di bawah ini:
maka code yang telah kita buat akan memunculkan tampilan web sederhana seperti pada gambar dibawah ini:
Penulis:
Adi Tajudin
Xi rpl 3
Wonderfull
BalasHapus