HTML Andini2

<!
DOCTYPE html>
<html>
<head>
<title>Tugas UTS Interfacing</title>
</head>
<body>
<h1>MAHASISWA STMIK BINA BANGSA</h1>

<p>Fitria Nurandini_202152010</p>
</body>
</html>
1. `<!DOCTYPE html>`: Ini adalah deklarasi yang menunjukkan jenis dokumen yang digunakan,
yaitu dokumen HTML5.
2. `<html>`: Ini adalah tag pembuka yang menandakan awal dari elemen root HTML. Semua
elemen HTML akan berada di dalam tag ini.
3. `<head>`: Ini adalah elemen yang berisi informasi tentang dokumen, seperti judul halaman,
meta tag, dan tautan ke file eksternal seperti CSS atau JavaScript.
4. `<title>Tugas UTS Interfacing</title>`: Ini adalah elemen yang menetapkan judul halaman yang
akan ditampilkan di bilah judul atau tab browser.
5. `</head>`: Ini adalah tag penutup untuk elemen `<head>`.
6. `<body>`: Ini adalah elemen yang berisi konten aktual yang ingin ditampilkan di halaman web,
seperti teks, gambar, atau elemen HTML lainnya.
7. `<h1>MAHASISWA STMIK BINA BANGSA</h1>`: Ini adalah elemen yang menampilkan teks
yang berukuran besar sebagai judul utama halaman. Tag `<h1>` hingga `<h6>` digunakan untuk
menandai tingkat kepentingan dan ukuran teks yang berbeda.
8. `<p>Fitria Nurandini_202152010</p>`: Ini adalah elemen yang menampilkan paragraf teks.
Tag `<p>` digunakan untuk menandai paragraf dalam dokumen HTML.
9. `</body>`: Ini adalah tag penutup untuk elemen `<body>`.
10. `</html>`: Ini adalah tag penutup untuk elemen root HTML. Ini menandai akhir dari dokumen
HTML dan menutup semua elemen HTML yang dibuka sebelumnya.
<html>
<head>
</head>
<body>
<h1>STMIK BINA BANGSA</h1>

<p>Sekolah Tinggi Manajemen Informatika dan Komputer</p>
</body>
</html>
4. `<title>Tugas UTS Interfacing</title>`: Ini adalah elemen yang menetapkan judul halaman yang
akan ditampilkan di bilah judul atau tab browser.
7. `<h1>STMIK BINA BANGSA</h1>`: Ini adalah elemen yang menampilkan teks yang berukuran
besar sebagai judul utama halaman. Tag `<h1>` hingga `<h6>` digunakan untuk menandai
tingkat kepentingan dan ukuran teks yang berbeda.
8. `<p>Sekolah Tinggi Manajemen Informatika dan Komputer</p>`: Ini adalah elemen yang
menampilkan paragraf teks yang menjelaskan lebih lanjut tentang isi halaman. Tag `<p>`
digunakan untuk menandai paragraf dalam dokumen HTML.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>STMIK BINA BANGSA</h1>

<p>Alamat : Jln.Jend.A.H.Nasution No.105 Kendari
Email : info@stmikbinsa.ac.id
Website : http://www.stmikbinsa.ac.id
</p>
</body>
</html>
4. `<title>Tugas UTS Interfacing</title>`: Ini adalah elemen yang menetapkan judul halaman
yang akan ditampilkan di bilah judul atau tab browser.
6. `<body>`: Ini adalah elemen yang berisi konten aktual yang ingin ditampilkan di halaman
web, seperti teks, gambar, atau elemen HTML lainnya.
7. `<h1>STMIK BINA BANGSA</h1>`: Ini adalah elemen yang menampilkan teks yang berukuran
besar sebagai judul utama halaman. Tag `<h1>` hingga `<h6>` digunakan untuk menandai
tingkat kepentingan dan ukuran teks yang berbeda.
8. `<p>Alamat : Jln.Jend.A.H.Nasution No.105 Kendari
9. Email : info@stmikbinsa.ac.id
10. Website : http://www.stmikbinsa.ac.id
11. </p>`: Ini adalah elemen yang menampilkan paragraf teks yang berisi informasi tentang
alamat, email, dan website STMIK Bina Bangsa. Tag `<p>` digunakan untuk menandai
paragraf dalam dokumen HTML. Dalam kasus ini, terdapat beberapa baris teks yang dimulai
dan diakhiri dengan tag `<p>`.
13. `</html>`: Ini adalah tag penutup untuk elemen root HTML. Ini menandai akhir dari
dokumen HTML dan menutup semua elemen HTML yang dibuka sebelumnya.
<!DOCTYPE html>
<html>
<body>
<h1>Abdil Raharja_202152027</h1>
<p>Mahasiswa STMIK BINA BANGSA, Angkatan 2021, Jurusan Sistem Komputer,

Kelas SK A, Semester 5
</p>
</body>
</html>
3. `<body>`: Ini adalah elemen yang berisi konten aktual yang ingin ditampilkan di halaman
web, seperti teks, gambar, atau elemen HTML lainnya.
4. `<h1>Fitria Nurandini_202152010</h1>`: Ini adalah elemen yang menampilkan teks yang
berukuran besar sebagai judul utama halaman. Tag `<h1>` hingga `<h6>` digunakan untuk
menandai tingkat kepentingan dan ukuran teks yang berbeda. Di sini, judulnya adalah "Fitria
Nurandini_202152010".
5. `<p>Mahasiswa STMIK BINA BANGSA, Angkatan 2021, Jurusan Sistem Komputer, Kelas SK A,
Semester 5
6. </p>`: Ini adalah elemen yang menampilkan paragraf teks yang berisi informasi tentang Fitria
Nurandini, seperti status sebagai mahasiswa di STMIK BINA BANGSA, angkatan 2021, jurusan
sistem komputer, kelas SK A, dan semester 5. Tag `<p>` digunakan untuk menandai paragraf
dalam dokumen HTML.
<!DOCTYPE html>
<html>
<body>
<p>STMIK BINA BANGSA<br>merupakan singkatan dari

Sekolah Tinggi Manajemen Informatika dan Komputer
STMIK BINA BANGSA Merupakan Kampus
yang memiliki program studi Sistem Komputer dan Sistem Informasi.
</p>
</body>
</html>
4. `<p>STMIK BINA BANGSA<br>merupakan singkatan dari Sekolah Tinggi Manajemen
Informatika dan Komputer STMIK BINA BANGSA Merupakan Kampus yang memiliki program
studi Sistem Komputer dan Sistem Informasi.
5. </p>`: Ini adalah elemen yang menampilkan paragraf teks yang berisi informasi tentang STMIK
BINA BANGSA. Tag `<p>` digunakan untuk menandai paragraf dalam dokumen HTML. `<br>`
adalah tag pemisah baris yang digunakan untuk membuat baris baru dalam teks. Dalam kasus
ini, paragraf tersebut menjelaskan singkatan STMIK BINA BANGSA dan informasi mengenai
program studi yang dimilikinya.
<!DOCTYPE html>
<html>
<body>
<h2>The style Attribute</h2>

<p>The style attribute is used to add styles to an element, such as color:</p>
<p style="color:red;">This is a red paragraph.</p>
</body>
</html>
4. `<h2>The style Attribute</h2>`: Ini adalah elemen yang menampilkan teks yang berukuran
sedang sebagai judul. Tag `<h2>` digunakan untuk menandai tingkat kepentingan dan ukuran
teks yang berbeda. Dalam hal ini, judulnya adalah "The style Attribute".
5. `<p>The style attribute is used to add styles to an element, such as color:</p>`: Ini adalah
elemen yang menampilkan paragraf teks yang menjelaskan tentang atribut style dalam HTML.
Tag `<p>` digunakan untuk menandai paragraf dalam dokumen HTML.
6. `<p style="color:red;">This is a red paragraph.</p>`: Ini adalah elemen yang menampilkan
paragraf teks dengan gaya tertentu yang didefinisikan menggunakan atribut `style`. Dalam hal
ini, gaya yang ditambahkan adalah warna teks merah. Tag `<p>` digunakan untuk menandai
paragraf dalam dokumen HTML, dan atribut `style` digunakan untuk menentukan gaya
tertentu untuk elemen tersebut.
<!DOCTYPE html>
<html>
<body>
<h1>STMIK BINA BANGSA </h1>

</body>
</html>
4. `<h1>STMIK BINA BANGSA </h1>`: Ini adalah elemen yang menampilkan teks yang berukuran
sangat besar sebagai judul utama halaman. Tag `<h1>` digunakan untuk menandai judul
utama, biasanya digunakan hanya satu kali dalam satu halaman web.
besar sebagai judul. Tag `<h2>` digunakan untuk menandai judul tingkat kedua dalam halaman
web.
sedang sebagai judul. Tag `<h3>` digunakan untuk menandai judul tingkat ketiga dalam
halaman web.
cukup kecil sebagai judul. Tag `<h4>` digunakan untuk menandai judul tingkat keempat dalam
halaman web.
lebih kecil lagi sebagai judul. Tag `<h5>` digunakan untuk menandai judul tingkat kelima dalam
halaman web.
sangat kecil sebagai judul. Tag `<h6>` digunakan untuk menandai judul tingkat keenam dalam
halaman web.
<!DOCTYPE html>
<html>
<body>
<p>This is a paragraph 1.</p>

</body>
</html>
4. `<p>This is a paragraph 1.</p>`: Ini adalah elemen yang menampilkan paragraf teks. Tag `<p>`
digunakan untuk menandai paragraf dalam dokumen HTML. Dalam kasus ini, paragraf tersebut
berisi teks "This is a paragraph 1.".
5. `<p>This is a paragraph 2.</p>`: Ini adalah elemen yang menampilkan paragraf teks lainnya.
Mirip dengan paragraf sebelumnya, elemen ini juga ditandai dengan tag `<p>` dan berisi teks
"This is a paragraph 2.".
6. `<p>This is a paragraph 3.</p>`: Ini adalah elemen yang menampilkan paragraf teks ketiga.
Seperti paragraf-paragraf sebelumnya, elemen ini juga ditandai dengan tag `<p>` dan berisi
teks "This is a paragraph 3.".
<!DOCTYPE html>
<html>
<body>
<body style="background-color:powderblue;">
<h1 style="background-color:skyblue;">This is a heading</h1>

<p style="background-color:tomato;">This is a paragraph.</p>
<p>I am normal</p>
<p style="color:red;">I am red</p>
<p style="color:blue;">I am blue</p>
<p style="font-size:50px;">I am big</p>
</body>
</html>
4. `<body style="background-color:powderblue;">`: Ini adalah elemen `<body>` yang memiliki
atribut `style`. Atribut `style` digunakan untuk menentukan gaya CSS langsung untuk elemen
tersebut. Dalam hal ini, gaya yang ditentukan adalah warna latar belakang (background-color)
yang ditetapkan menjadi "powderblue".
5. `<h1 style="background-color:skyblue;">This is a heading</h1>`: Ini adalah elemen `<h1>`
yang memiliki atribut `style`. Ini menentukan gaya CSS langsung untuk judul utama (heading).
Dalam hal ini, gaya yang ditetapkan adalah warna latar belakang (background-color) yang
ditetapkan menjadi "skyblue".
6. `<p style="background-color:tomato;">This is a paragraph.</p>`: Ini adalah elemen `<p>` yang
memiliki atribut `style`. Ini menentukan gaya CSS langsung untuk paragraf teks. Dalam hal ini,
gaya yang ditetapkan adalah warna latar belakang (background-color) yang ditetapkan
menjadi "tomato".
7. `<p>I am normal</p>`: Ini adalah elemen `<p>` biasa tanpa atribut `style`, sehingga akan
mewarisi gaya standar atau default dari browser.
8. `<p style="color:red;">I am red</p>`: Ini adalah elemen `<p>` yang memiliki atribut `style`
untuk menentukan warna teks menjadi merah (red).
9. `<p style="color:blue;">I am blue</p>`: Ini adalah elemen `<p>` yang memiliki atribut `style`
untuk menentukan warna teks menjadi biru (blue).
10. `<p style="font-size:50px;">I am big</p>`: Ini adalah elemen `<p>` yang memiliki atribut `style`
untuk menentukan ukuran font menjadi 50 piksel.
<!DOCTYPE html>
<html>
<body>
<p><b>This text is bold</b></p>

<p><i>This text is italic</i></p>
<p><strong>This text is important</strong></p>
<p><em>This text is emphasized</em></p>
<p><marked>This text is marked</marked></p>
<p><small>This text is smaller</small></p>
<p><del>This text is deleted</del></p>
<p><ins>This text is inserted</ins></p>
<p><sub>This text is subscript</sub></p>
<p><sup>This text is superscript</sup></p>
</body>
</html>
4. `<p><b>This text is bold</b></p>`: Ini adalah elemen paragraf (`<p>`) yang berisi teks yang
ditandai sebagai teks tebal (`<b>`). Tag `<b>` digunakan untuk menandai teks yang ingin
ditampilkan dalam bentuk tebal.
5. `<p><i>This text is italic</i></p>`: Ini adalah elemen paragraf yang berisi teks yang ditandai
sebagai teks miring (`<i>`). Tag `<i>` digunakan untuk menandai teks yang ingin ditampilkan
dalam bentuk miring atau italic.
6. `<p><strong>This text is important</strong></p>`: Ini adalah elemen paragraf yang berisi teks
yang ditandai sebagai teks penting (`<strong>`). Tag `<strong>` digunakan untuk menandai teks
yang ingin ditampilkan dengan penekanan yang lebih kuat atau penting.
7. `<p><em>This text is emphasized</em></p>`: Ini adalah elemen paragraf yang berisi teks yang
ditandai sebagai teks yang ditekankan (`<em>`). Tag `<em>` digunakan untuk menandai teks
yang ingin ditampilkan dengan penekanan yang lebih kuat atau ditekankan.
8. `<p><marked>This text is marked</marked></p>`: Ini adalah elemen paragraf yang berisi teks
yang ditandai sebagai teks yang dicoret (`<marked>`). Tag `<marked>` sebenarnya bukan
bagian dari standar HTML, tetapi beberapa browser mungkin memberikan efek visual tertentu
terhadap teks yang dikelilinginya.
9. `<p><small>This text is smaller</small></p>`: Ini adalah elemen paragraf yang berisi teks yang
ditandai sebagai teks yang lebih kecil (`<small>`). Tag `<small>` digunakan untuk menandai teks
yang ingin ditampilkan dalam ukuran font yang lebih kecil dari teks sekitarnya.
10. `<p><del>This text is deleted</del></p>`: Ini adalah elemen paragraf yang berisi teks yang
ditandai sebagai teks yang dihapus (`<del>`). Tag `<del>` digunakan untuk menandai teks yang
dihapus dari versi sebelumnya.
11. `<p><ins>This text is inserted</ins></p>`: Ini adalah elemen paragraf yang berisi teks yang
ditandai sebagai teks yang disisipkan (`<ins>`). Tag `<ins>` digunakan untuk menandai teks
yang ditambahkan atau disisipkan pada versi baru.
12. `<p><sub>This text is subscript</sub></p>`: Ini adalah elemen paragraf yang berisi teks yang
ditandai sebagai teks subscript (`<sub>`). Tag `<sub>` digunakan untuk menandai teks yang
ingin ditampilkan dalam posisi subscript, yaitu di bawah garis dasar teks.
13. `<p><sup>This text is superscript</sup></p>`: Ini adalah elemen paragraf yang berisi teks yang
ditandai sebagai teks superscript (`<sup>`). Tag `<sup>` digunakan untuk menandai teks yang
ingin ditampilkan dalam posisi superscript, yaitu di atas garis dasar teks.
<!DOCTYPE html>
<html>
<body>
<p>Quotes untuk Hari Ini:</p>
<blockquote cite="https://www.brilio.net/wow/
40-kata-kata-keren-quotes-cocok-dijadikan-caption-medsosmu-
191127s.html">
<q>Belajarlah Rendah Hati, Rendahkan Hatimu Serendah rendahnya hingga tak ada
seorangpun
yang bisa merendahkanmu</q>
</blockquote>
</body>
</html>
4. `<p>Quotes untuk Hari Ini:</p>`: Ini adalah elemen paragraf (`<p>`) yang berisi teks yang
memberi judul atau keterangan atas kutipan yang akan ditampilkan.
5. `<blockquote cite="https://www.brilio.net/wow/40-kata-kata-keren-quotes-cocok-dijadikan-
caption-medsosmu-191127s.html">`: Ini adalah elemen blok (`<blockquote>`) yang
menunjukkan bahwa ada kutipan panjang yang akan ditampilkan. Atribut `cite` digunakan
untuk memberikan URL dari sumber kutipan tersebut.
6. `<q>Belajarlah Rendah Hati, Rendahkan Hatimu Serendah rendahnya hingga tak ada
seorangpun yang bisa merendahkanmu</q>`: Ini adalah elemen kutipan (`<q>`) yang berisi
kutipan teks yang akan ditampilkan. Kutipan ini adalah isi dari kutipan yang ditampilkan dalam
elemen `<blockquote>`.
7. `</blockquote>`: Ini adalah tag penutup untuk elemen `<blockquote>`. Ini menandai akhir dari
blok kutipan.
<!DOCTYPE html>
<html>
<body>


<p>This is a paragraph.</p>

</body>
</html>
4. ``: Ini adalah baris komentar HTML. Komentar digunakan untuk
menambahkan catatan atau keterangan dalam kode HTML yang tidak akan ditampilkan di
browser. Dalam hal ini, komentar tersebut berisi teks "This is a comment".
5. `<p>This is a paragraph.</p>`: Ini adalah elemen paragraf (`<p>`) yang berisi teks "This is a
paragraph.". Ini adalah bagian dari konten yang akan ditampilkan di halaman web.
6. ``: Ini adalah baris komentar HTML lainnya.
Komentar ini juga tidak akan ditampilkan di browser. Dalam hal ini, komentar tersebut berisi
teks "Comments are not displayed in the browser".
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:Tomato;">Tomato</h1>
<h1 style="background-color:Orange;">Orange</h1>
<h1 style="background-color:DodgerBlue;">DodgerBlue</h1>
<h1 style="background-color:MediumSeaGreen;">MediumSeaGreen</h1>
<h1 style="background-color:Gray;">Gray</h1>
<h1 style="background-color:SlateBlue;">SlateBlue</h1>
<h1 style="background-color:Violet;">Violet</h1>
<h1 style="background-color:LightGray;">LightGray</h1>
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">STMIK BINA BANGSA Merupakan Singkatan dari
<q>Sekolah Tinggi Manajemen Informatika dan Komputer</q>
</p>
<h3 style="color:Tomato;">STMIK BINA BANGSA</h3>
<p style="color:DodgerBlue;">STMIK BINA BANGSA Merupakan Singkatan dari
<q>Sekolah Tinggi Manajemen Informatika dan Komputer</q></p>
<p style="color:MediumSeaGreen;">Sistem Komputer dan Sistem Informasi</p>
<h1 style="border: 2px solid Tomato;">STMIK BINA BANGSA</h1>
<h1 style="border: 2px solid DodgerBlue;">STMIK BINA BANGSA</h1>
<h1 style="border: 2px solid Violet;">STMIK BINA BANGSA</h1>
</body>
</html>
4. `<h1 style="background-color:Tomato;">Tomato</h1>`: Ini adalah elemen judul (`<h1>`) yang
memiliki atribut `style` untuk menentukan gaya CSS langsung. Dalam hal ini, warna latar
belakang (background-color) judul ditetapkan sebagai "Tomato", sehingga latar belakangnya
akan berwarna merah tomat, dan teksnya adalah "Tomato".
5. `<h1 style="background-color:Orange;">Orange</h1>`: Ini adalah elemen judul (`<h1>`)
dengan gaya CSS yang berbeda. Warna latar belakang judul ditetapkan sebagai "Orange",
sehingga latar belakangnya akan berwarna oranye, dan teksnya adalah "Orange".
6. `<h1 style="background-color:DodgerBlue;">DodgerBlue</h1>`: Ini adalah elemen judul
(`<h1>`) dengan gaya CSS yang berbeda lagi. Warna latar belakang judul ditetapkan sebagai
"DodgerBlue", sehingga latar belakangnya akan berwarna biru dodger, dan teksnya adalah
"DodgerBlue".
7. `<h1 style="background-color:MediumSeaGreen;">MediumSeaGreen</h1>`: Ini adalah
elemen judul (`<h1>`) dengan gaya CSS yang berbeda lagi. Warna latar belakang judul
ditetapkan sebagai "MediumSeaGreen", sehingga latar belakangnya akan berwarna hijau laut
sedang, dan teksnya adalah "MediumSeaGreen".
8. `<h1 style="background-color:Gray;">Gray</h1>`: Ini adalah elemen judul (`<h1>`) dengan
gaya CSS yang berbeda lagi. Warna latar belakang judul ditetapkan sebagai "Gray", sehingga
latar belakangnya akan berwarna abu-abu, dan teksnya adalah "Gray".
9. `<h1 style="background-color:SlateBlue;">SlateBlue</h1>`: Ini adalah elemen judul (`<h1>`)
dengan gaya CSS yang berbeda lagi. Warna latar belakang judul ditetapkan sebagai "SlateBlue",
sehingga latar belakangnya akan berwarna biru batu, dan teksnya adalah "SlateBlue".
10. `<h1 style="background-color:Violet;">Violet</h1>`: Ini adalah elemen judul (`<h1>`) dengan
gaya CSS yang berbeda lagi. Warna latar belakang judul ditetapkan sebagai "Violet", sehingga
latar belakangnya akan berwarna ungu violet, dan teksnya adalah "Violet".
11. `<h1 style="background-color:LightGray;">LightGray</h1>`: Ini adalah elemen judul (`<h1>`)
dengan gaya CSS yang berbeda lagi. Warna latar belakang judul ditetapkan sebagai
"LightGray", sehingga latar belakangnya akan berwarna abu-abu terang, dan teksnya adalah
"LightGray".
12. `<h1 style="background-color:DodgerBlue;">Hello World</h1>`: Ini adalah elemen judul
(`<h1>`) dengan gaya CSS yang berbeda lagi. Warna latar belakang judul ditetapkan sebagai
"DodgerBlue", sehingga latar belakangnya akan berwarna biru dodger, dan teksnya adalah
"Hello World".
13. `<p style="background-color:Tomato;">STMIK BINA BANGSA Merupakan Singkatan dari
14. <q>Sekolah Tinggi Manajemen Informatika dan Komputer</q>
15. </p>`: Ini adalah elemen paragraf (`<p>`) yang memiliki gaya CSS dengan latar belakang yang
ditetapkan sebagai "Tomato". Isi paragraf adalah kutipan yang diapit oleh tag `<q>`, yang
berarti paragraf tersebut berisi kutipan.
16. `<h3 style="color:Tomato;">STMIK BINA BANGSA</h3>`: Ini adalah elemen judul (`<h3>`)
dengan gaya CSS yang berbeda. Warna teks judul ditetapkan sebagai "Tomato", sehingga
teksnya akan berwarna merah tomat, dan isinya adalah "STMIK BINA BANGSA".
17. `<p style="color:DodgerBlue;">STMIK BINA BANGSA Merupakan Singkatan dari
18. <q>Sekolah Tinggi Manajemen Informatika dan Komputer</q></p>`: Ini adalah elemen
paragraf (`<p>`) dengan gaya CSS yang berbeda. Warna teks paragraf ditetapkan sebagai
"DodgerBlue", sehingga teksnya akan berwarna biru dodger, dan isinya adalah kutipan yang
diapit oleh tag `<q>`.
19. `<p style="color:MediumSeaGreen;">Sistem Komputer dan Sistem Informasi</p>`: Ini adalah
elemen paragraf (`<p>`) dengan gaya CSS yang berbeda. Warna teks paragraf ditetapkan
sebagai "MediumSeaGreen", sehingga teksnya akan berwarna hijau laut sedang, dan isinya
adalah teks biasa.
20. `<h1 style="border: 2px solid Tomato;">STMIK BINA BANGSA</h1>`: Ini adalah elemen judul
(`<h1>`) dengan gaya CSS yang berbeda
a. Dalam hal ini, terdapat gaya CSS untuk menambahkan border (garis tepi) pada elemen
judul. Border tersebut memiliki ketebalan 2 piksel, jenis garis solid, dan warna garisnya
adalah "Tomato". Isinya adalah "STMIK BINA BANGSA".
21. `<h1 style="border: 2px solid DodgerBlue;">STMIK BINA BANGSA</h1>`: Ini adalah elemen
judul (`<h1>`) dengan gaya CSS yang berbeda. Dalam hal ini, terdapat gaya CSS untuk
menambahkan border (garis tepi) pada elemen judul. Border tersebut memiliki ketebalan 2
piksel, jenis garis solid, dan warna garisnya adalah "DodgerBlue". Isinya adalah "STMIK BINA
BANGSA".
22. `<h1 style="border: 2px solid Violet;">STMIK BINA BANGSA</h1>`: Ini adalah elemen judul
(`<h1>`) dengan gaya CSS yang berbeda. Dalam hal ini, terdapat gaya CSS untuk menambahkan
border (garis tepi) pada elemen judul. Border tersebut memiliki ketebalan 2 piksel, jenis garis
solid, dan warna garisnya adalah "Violet". Isinya adalah "STMIK BINA BANGSA".
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: blue;
font-family: verdana;
font-size: 300%;
}
p {
color: red;
font-family: courier;
font-size: 160%;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
</body>
</html>
3. `<head>`: Ini adalah bagian dari dokumen HTML yang berisi informasi meta-data tentang
dokumen, seperti judul, link ke stylesheet eksternal, dan informasi lainnya yang biasanya tidak
ditampilkan di halaman web itu sendiri.
4. `<style>`: Ini adalah tag yang digunakan untuk menyisipkan CSS (Cascading Style Sheets) di
dalam dokumen HTML.
5. `h1 {`: Ini adalah aturan gaya CSS untuk menentukan gaya elemen `<h1>`. Setiap elemen `<h1>`
di dalam dokumen HTML akan diberi gaya sesuai dengan aturan yang didefinisikan di sini.
6. `color: blue;`: Ini adalah properti CSS yang menentukan warna teks dari elemen `<h1>` menjadi
biru.
7. `font-family: verdana;`: Ini adalah properti CSS yang menentukan jenis font teks dari elemen
`<h1>` menjadi "verdana".
8. `font-size: 300%;`: Ini adalah properti CSS yang menentukan ukuran font teks dari elemen
`<h1>` menjadi 300% dari ukuran font standar.
9. `}`: Ini menandakan akhir dari aturan gaya CSS untuk elemen `<h1>`.
10. `p {`: Ini adalah aturan gaya CSS untuk menentukan gaya elemen `<p>`. Setiap elemen `<p>`
di dalam dokumen HTML akan diberi gaya sesuai dengan aturan yang didefinisikan di sini.
11. `color: red;`: Ini adalah properti CSS yang menentukan warna teks dari elemen `<p>` menjadi
merah.
12. `font-family: courier;`: Ini adalah properti CSS yang menentukan jenis font teks dari elemen
`<p>` menjadi "courier".
13. `font-size: 160%;`: Ini adalah properti CSS yang menentukan ukuran font teks dari elemen `<p>`
menjadi 160% dari ukuran font standar.
14. `}`: Ini menandakan akhir dari aturan gaya CSS untuk elemen `<p>`.
15. `</style>`: Ini adalah tag penutup untuk elemen `<style>`, menandakan akhir dari bagian CSS
di dalam dokumen HTML.
16. `</head>`: Ini adalah tag penutup untuk elemen `<head>`, menandakan akhir dari bagian
kepala dokumen HTML
18. `<h1>This is a heading</h1>`: Ini adalah elemen judul (`<h1>`) dengan teks "This is a heading".
Karena telah ditentukan dalam CSS, teks ini akan memiliki warna biru, menggunakan font
"verdana", dan ukuran font 300%.
19. `<p>This is a paragraph.</p>`: Ini adalah elemen paragraf (`<p>`) dengan teks "This is a
paragraph.". Karena telah ditentukan dalam CSS, teks ini akan memiliki warna merah,
menggunakan font "courier", dan ukuran font 160%.
<!DOCTYPE html>
<html>
<body>
<h2>Absolute URLs</h2>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>
<h2>Relative URLs</h2>
<p><a href="html_images.asp">HTML Images</a></p>
<p><a href="/css/default.asp">CSS Tutorial</a></p>
</body>
</html>
4. `<h2>Absolute URLs</h2>`: Ini adalah elemen judul level 2 (`<h2>`) yang menampilkan teks
"Absolute URLs". Ini adalah judul bagian yang akan menampilkan daftar tautan dengan URL
absolut.
5. `<p><a href="https://www.w3.org/">W3C</a></p>`: Ini adalah elemen paragraf (`<p>`) yang
berisi tautan (`<a>`) dengan atribut `href` yang menunjukkan URL absolut ke situs web W3C.
Teks yang ditampilkan dalam tautan adalah "W3C".
6. `<p><a href="https://www.google.com/">Google</a></p>`: Ini adalah elemen paragraf
(`<p>`) yang berisi tautan (`<a>`) dengan atribut `href` yang menunjukkan URL absolut ke situs
web Google. Teks yang ditampilkan dalam tautan adalah "Google".
7. `<h2>Relative URLs</h2>`: Ini adalah elemen judul level 2 (`<h2>`) yang menampilkan teks
"Relative URLs". Ini adalah judul bagian yang akan menampilkan daftar tautan dengan URL
relatif.
8. `<p><a href="html_images.asp">HTML Images</a></p>`: Ini adalah elemen paragraf (`<p>`)
yang berisi tautan (`<a>`) dengan atribut `href` yang menunjukkan URL relatif ke halaman
"html_images.asp". Teks yang ditampilkan dalam tautan adalah "HTML Images".
9. `<p><a href="/css/default.asp">CSS Tutorial</a></p>`: Ini adalah elemen paragraf (`<p>`) yang
berisi tautan (`<a>`) dengan atribut `href` yang menunjukkan URL relatif ke halaman
"/css/default.asp". Teks yang ditampilkan dalam tautan adalah "CSS Tutorial".
<!DOCTYPE html>
<html>
<body>
<h2>HTML Image</h2>
<img src="img_chania.jpg" alt="Flowers in Chania" width="460" height="345">
</body>
</html>
4. `<h2>HTML Image</h2>`: Ini adalah elemen judul level 2 (`<h2>`) yang menampilkan teks
"HTML Image". Ini adalah judul bagian yang akan menampilkan gambar HTML.
5. `<img src="img_chania.jpg" alt="Flowers in Chania" width="460" height="345">`: Ini adalah
elemen gambar (`<img>`) yang menampilkan gambar dengan sumber (`src`) "img_chania.jpg".
Atribut `alt` digunakan untuk memberikan teks alternatif yang akan ditampilkan jika gambar
tidak dapat dimuat atau untuk keperluan aksesibilitas. Atribut `width` dan `height`
menentukan lebar dan tinggi gambar secara bersamaan. Dalam hal ini, gambar akan
ditampilkan dengan lebar 460 piksel dan tinggi 345 piksel.
<!DOCTYPE html>
<html>
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
</body>
</html>
1. `<!DOCTYPE html>`: Ini adalah deklarasi tipe dokumen (Document Type Declaration) untuk
HTML. Ini memberi tahu browser bahwa halaman ini menggunakan standar HTML terbaru
(HTML5).
2. `<html>`: Ini adalah elemen root dari dokumen HTML. Semua elemen HTML akan berada di
dalamnya.
3. `<head>`: Ini adalah bagian dari dokumen yang berisi informasi meta tentang dokumen,
seperti judul halaman, tautan ke stylesheet eksternal, atau tautan ikon.
4. `<title>My Page Title</title>`: Ini adalah judul dari halaman web. Ini akan ditampilkan di bilah
judul browser atau tab ketika halaman dibuka.
5. `<link rel="icon" type="image/x-icon" href="/images/favicon.ico">`: Ini adalah tag `<link>`
yang menghubungkan halaman dengan ikon yang akan digunakan untuk menampilkan di bilah
judul atau tab browser. Atribut `rel="icon"` menunjukkan jenis relasi dari tautan (dalam hal ini,
ikon), `type="image/x-icon"` menunjukkan jenis konten, dan `href="/images/favicon.ico"`
adalah URL ke file ikon.
6. `<body>`: Ini adalah bagian dari dokumen yang berisi konten yang akan ditampilkan di browser,
seperti teks, gambar, tautan, dll.
7. `<h1>This is a Heading</h1>`: Ini adalah elemen untuk membuat judul atau heading level 1.
Dalam kasus ini, itu adalah heading utama atau judul halaman.
8. `<p>This is a paragraph.</p>`: Ini adalah elemen untuk membuat paragraf teks. Di sini, itu
berisi satu kalimat yang sederhana.
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body>
The content of the document......
</body>
</html>
(HTML5).
dalamnya.
seperti judul halaman, tautan ke stylesheet eksternal, atau skrip JavaScript.
4. `<title>HTML Tutorial</title>`: Ini adalah judul dari halaman web. Ini akan ditampilkan di bilah
judul browser atau tab ketika halaman dibuka. Judul halaman ini adalah "HTML Tutorial".
seperti teks, gambar, tautan, dll.
6. `The content of the document......`: Ini adalah konten aktual dari dokumen HTML. Ini bisa
berupa teks, gambar, atau elemen HTML lainnya yang ingin Anda tampilkan di halaman web
Anda.
7. `</body>`: Ini menutup elemen `<body>`, menandakan akhir dari konten utama dari halaman
web.
8. `</html>`: Ini menutup elemen `<html>`, menandakan akhir dari dokumen HTML.
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h2>HTML Table</h2>
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
</table>
</body>
</html>
(HTML5).
dalamnya.
seperti judul halaman, tautan ke stylesheet eksternal, atau skrip JavaScript.
4. `<style>`: Ini adalah elemen untuk menulis CSS inline atau internal. Dalam kasus ini, CSS ditulis
di dalam dokumen itu sendiri.
5. `table {...}`: Ini adalah aturan CSS untuk mengatur tampilan tabel di halaman. Ini mencakup
pengaturan font, batas sel, penataan teks, dan lebar tabel.
6. `td, th {...}`: Ini adalah aturan CSS yang menerapkan gaya ke sel dan heading tabel. Ini termasuk
batas, penataan teks, dan padding.
7. `tr:nth-child(even) {...}`: Ini adalah aturan CSS yang menerapkan gaya ke baris tabel yang
merupakan anak genap (berdasarkan urutan) dari elemen `<table>`. Ini memberikan latar
belakang berwarna untuk baris-genap tabel.
8. `</style>`: Ini menutup elemen `<style>`, menandakan akhir dari aturan CSS internal.
9. `</head>`: Ini menutup elemen `<head>`, menandakan akhir dari bagian kepala dokumen
HTML.
seperti teks, gambar, tabel, dll.
11. `<h2>HTML Table</h2>`: Ini adalah elemen untuk membuat heading level 2 yang berisi judul
tabel. Dalam kasus ini, judulnya adalah "HTML Table".
12. `<table>`: Ini adalah elemen untuk membuat tabel HTML. Semua baris dan sel tabel akan
berada di dalamnya.
13. `<tr>...</tr>`: Ini adalah elemen untuk membuat baris tabel. Setiap baris tabel akan dibuat di
antara tag `<tr>` dan `</tr>`.
14. `<th>...</th>`: Ini adalah elemen untuk membuat sel heading di dalam tabel. Ini menunjukkan
kolom apa yang berisi data apa.
15. `<td>...</td>`: Ini adalah elemen untuk membuat sel data di dalam tabel. Ini menunjukkan
data aktual dalam tabel.
16. `</table>`: Ini menutup elemen `<table>`, menandakan akhir dari tabel.
17. `</body>`: Ini menutup elemen `<body>`, menandakan akhir dari konten utama dari halaman
web.
18. `</html>`: Ini menutup elemen `<html>`, menandakan akhir dari dokumen HTML.

HTML Andini2

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

HTML Andini2

Diunggah oleh

Hak Cipta:

Format Tersedia

<!

<h1>MAHASISWA STMIK BINA BANGSA</h1>

<h1>STMIK BINA BANGSA</h1>

<h1>STMIK BINA BANGSA</h1>

<p>Mahasiswa STMIK BINA BANGSA, Angkatan 2021, Jurusan Sistem Komputer,

<p>STMIK BINA BANGSA<br>merupakan singkatan dari

<h2>The style Attribute</h2>

<p style="color:red;">This is a red paragraph.</p>

<h1>STMIK BINA BANGSA </h1>

<p>This is a paragraph 1.</p>

<h1 style="background-color:skyblue;">This is a heading</h1>

<p><b>This text is bold</b></p>

<p>Quotes untuk Hari Ini:</p>

The content of the document......

Anda mungkin juga menyukai