Skip to content

Instantly share code, notes, and snippets.

View aacassandra's full-sized avatar
🚀
Expand!

Alauddin Afif Cassandra aacassandra

🚀
Expand!
View GitHub Profile
@aacassandra
aacassandra / assets.html
Created May 8, 2020 02:52
Belajar HTML: Membuat Hyperlink (9/33) - (assets.html)
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<h3>Selamat Datang di Halaman Assets</h3>
<a href="../index.html">Klik disini untuk kembali ke home</a>
</body>
</html>
@aacassandra
aacassandra / index.html
Created May 8, 2020 03:36
tutorial-9 (hyperlink 1 halaman)
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<h3>Contoh Hyperlink Pada 1 Halaman</h3>
<a href="#last_paragraf">Menuju ke halaman bawah sendiri</a>
<p id="firts_paragraf">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
@aacassandra
aacassandra / index.html
Created May 8, 2020 04:11
Belajar HTML: Membuat Hyperlink Dalam 1 Halaman (10/33)
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<h3>Contoh Menambahkan Gambar</h3>
<img src="./assets/img/sahabatcoding.png">
</body>
</html>
@aacassandra
aacassandra / index.html
Created May 8, 2020 06:21
Belajar HTML: Menambahkan Title & Alt Pada Image (11/33)
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<h3>Contoh gambar dengan title</h3>
<img src="./assets/img/sahabatcoding.png" title="ini title" alt="ini alt">
<!-- Sengaja nama file nya saya bikin salah untul contoh dibawah -->
<h3>Contoh Gambar Error / gagal dimuat dan keluar judul gambar </h3>
@aacassandra
aacassandra / index.html
Created May 8, 2020 07:02
Belajar HTML: Merubah Ukuran Image (13/33)
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<h3>Contoh gambar dengan width=50 & height=150</h3>
<img src="./assets/img/sahabatcoding.png" title="ini title" alt="ini alt" height="50" width="150">
<h3>Contoh gambar dengan width=100</h3>
<img src="./assets/img/sahabatcoding.png" title="ini title" alt="ini alt" width="100">
@aacassandra
aacassandra / index.html
Created May 9, 2020 20:40
Belajar HTML: Menambahkan Video (14/33)
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<h3>Contoh menambahkan video di web</h3>
<video controls>
<source src="./result.mp4" type="video/mp4">
</video>
@aacassandra
aacassandra / index.html
Created May 9, 2020 20:57
Belajar HTML: Merubah Ukuran Video (15/33)
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<h3>Contoh menambahkan video di web dengan width=750</h3>
<video controls width="750">
<source src="./result.mp4" type="video/mp4">
</video>
@aacassandra
aacassandra / index.html
Created May 11, 2020 11:30
Belajar HTML: Menambahkan Audio (16/33)
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<h3>Contoh menambahkan audio di web</h3>
<audio controls>
<source src="./example music.mp3" type="audio/mpeg">
</audio>
@aacassandra
aacassandra / index.html
Created May 12, 2020 23:23
Belajar HTML: Membuat Table
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<h3>Contoh membuat tabel (basic)</h3>
<table border="1" cellpadding="10">
<tr>
<th>No</th>
@aacassandra
aacassandra / index.html
Created May 14, 2020 20:59
Belajar HTML: Table Merging (18/33) Wihtout Merging
<!DOCTYPE html>
<html>
<head>
<title>sahabatcoding</title>
</head>
<body>
<table border="1" cellpadding="10">
<tr>
<th>Header 1</th>
<th>Header 2</th>