Skip to content

m #55

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Fadhilhs wants to merge 1 commit into
base: main
Choose a base branch
from
Open

m #55

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/Untitled-1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>Atribut href pada HTML</title>
</head>
<body>
<p>contoh penerapan href pada html</p>
<p>klik<a href="http://e-green.uho.ac.id/" target="_blank"> disini</a> untuk menuju ke halaman SPADA UHO</p>
</body>
</html>
41 changes: 41 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/belajar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML dari Web UNPAS</title>
</head>
<body style="background-color: rgb(208, 223, 255);">
<h1 style="color: darkgoldenrod;">SELAMAT DATANG DI WEBSITE BELAJAR FADHIL HIDAYAH SUKNI</h1>
<hr>
<p style="color: brown;">Website ini digunakan sebagai tempat Fadhil untuk belajar membuat Website dari HTML</p>

<h3>List Latihan Voli Mingguan</h3>
<ol type="1">
<li>Pemanasan</li>
<li>Joging 12 menit</li>
<li>Sprint 5x</li>
<li>Lompat Pipa 10 set</li>
<h3>List barang kesukaan</h3>
<ul>
<li>Laptop</li>
<li>Handphone</li>
<li>Bola Voli</li>

<h3>Pengertian Programming, Algoritma, dan Bahasa Pemrograman</h3>
<dl>
<dt>Programming</dt>
<dd>programming adalah suatu proses atau kegiatan menulis dan menguji (pemrograman) agar program dapat dibuat, dan hasilnya sesuai apa yang diinginkan. </dd>
<dt>Algoritma</dt>
<dd>Algoritma adalah langkah-langkah yang disusun secara tertulis dan berurutan untuk menyelesaikan suatu masalah. Sedangkan Algoritma Pemrograman adalah langkah-langkah yang ditulis secara berurutan untuk menyelesaikan masalah pemrograman komputer.</dd>
<dt>Bahasa Pemrograman</dt>
<dd>Pemrograman (bahasa pemrograman) adalah instruksi standar untuk memerintah komputer yang memiliki fungsi tertentu.</dd>

</dl>

</ol>
</ul>
</ol>

<p>Klik <a href="belajar2.html"target="_blank">disini</a> untuk masuk ke halaman 2</p>
<a></a>
</body>
</html>
12 changes: 12 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/belajar2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE HTML>
<html>
<head>
<title>PAGE 2</title>
</head>
<body>
<h1>INI ADALAH HALAMAN 2</h1>
<p>klik <a href="belajar.html" target="_blank">disini</a> untuk kembali ke halaman 1</p>

<p>Klik <a href="halaman3.html#bagian3" target="_blank">disini</a> untuk ke halaman 3, bagian 2</p>
</body>
</html>
24 changes: 24 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>Cara membuat form</title>
</head>
<body>
<form action="">
<label for="username">username:</label>
<input type="text" name="username" id="username">
<br><br>
<label for="password">password</label>
<input type="password" name="" id="password">
<br><br>
<input type="radio" id="pria" name="jeniskelamin"><label for="pria">pria</label>
<input type="radio" id="wanita" name="jeniskelamin"><label for="wanita">wanita</label>
<br><br>
<input type="checkbox" name="" id="menyanyi"><label for="menyanyi">menyanyi</label>
<input type="checkbox" name="" id="mainvoli"><label for="mainvoli">main voli</label>
<input type="checkbox" name="" id="berenang"><label for="berenang">berenang</label>
<br><br>
<button type="submit">Log In</button>
</form>
</body>
</html>
10 changes: 10 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/halaman1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Hyperlink | Halaman 1</title>
</head>
<body>

<p>Klik <a href="../admin/halaman2.html">disini</a>untuk informmasi berikutnya</p>
</body>
</html>
9 changes: 9 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/halaman2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<!DOCTYPE HTML>
<htm>
<head>
<title>Hyperlink | Halaman 2</title>
</head>
<body>
<p>Klik <a href="../user/halaman1.html">disini</a>untuk kembali ke halaman 1</p>
</body>
</htm>
63 changes: 63 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/halaman3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<title>Hyperlink | Halaman 3</title>
</head>
<body>
<h1>Ini adalah Halaman 3</h1>
<ul>
<li><a href="#bagian1">Ke bagian 1</a></li>
<li><a href="#bagian2">Ke bagian 2</a></li>
<li><a href="#bagian3">Ke bagian 3</a></li>
</ul>
<h2 id="bagian1">Bagian 1</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, maxime placeat?
Temporibus soluta debitis fugiat nam nesciunt,
enim magnam reprehenderit accusantium?
Necessitatibus tenetur molestias assumenda laborum veritatis sed deserunt minus!</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, maxime placeat?
Temporibus soluta debitis fugiat nam nesciunt,
enim magnam reprehenderit accusantium?
Necessitatibus tenetur molestias assumenda laborum veritatis sed deserunt minus!</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, maxime placeat?
Temporibus soluta debitis fugiat nam nesciunt,
enim magnam reprehenderit accusantium?
Necessitatibus tenetur molestias assumenda laborum veritatis sed deserunt minus!</p>

<br><br><br><br><br><br><br><br><br><br>

<h2 id="bagian2">Bagian 2</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, maxime placeat?
Temporibus soluta debitis fugiat nam nesciunt,
enim magnam reprehenderit accusantium?
Necessitatibus tenetur molestias assumenda laborum veritatis sed deserunt minus!</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, maxime placeat?
Temporibus soluta debitis fugiat nam nesciunt,
enim magnam reprehenderit accusantium?
Necessitatibus tenetur molestias assumenda laborum veritatis sed deserunt minus!</p>

<br><br><br><br><br><br><br><br><br><br>

<h2 id="bagian3">Bagian 3</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, maxime placeat?
Temporibus soluta debitis fugiat nam nesciunt,
enim magnam reprehenderit accusantium?
Necessitatibus tenetur molestias assumenda laborum veritatis sed deserunt minus!</p>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, maxime placeat?
Temporibus soluta debitis fugiat nam nesciunt,
enim magnam reprehenderit accusantium?
Necessitatibus tenetur molestias assumenda laborum veritatis sed deserunt minus!</p>
<a href="https://www.facebook.com/muhammad.fadhilpratama.3/" target="_blank">
<img src="ilkom.jpg" title ="Ilkom 019 Liburan ke Pantai Toronipa" width="50%">
</a>


<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
</body>
</html>
70 changes: 70 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/halaman4 tabel.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<title>Halaman 4 | Tabel</title>
</head>
<body>
<!-- ini adalah cara membuat tabel sederhana -->
<h1>Tabel nama pegawai</h1>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<th>NIM GANJIL</th>
<td>Fadhil Hidayah</td>
<td>Muh. Isnan Saleh</td>
</tr>

<tr>
<th>NIM GENAP</th>
<td>Rangga Bustang</td>
<td>Ikhwanul Akbar</td>
</tr>
</table>

<br><br><br><br>
<!-- Ini adalah cara membuat tabel Kompleks! -->
<h2>Nama Mahasiswa Ilkom 2019</h2>
<table border="1" cellspacing="0" cellpadding="5">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>NIM</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Fadhil Hidayah</td>
<td>Ganjil</td>

</tr>
<tr>
<th>2</th>
<td>Rangga Bustang</td>
<td>Genap</td>
</tr>
<tr>
<td>3</td>
<td>Muh, Isnan Saleh</td>
<td>Ganjil</td>
</tr>
</tbody>
</table>
<br><br><br><br><br>
<!-- cara menggabungkan tabel (merging table) -->
<table border="1" cellspacing="0" cellspading="5">
<tr>
<td rowspan="3">dalam cm</td>
<td colspan="3">Data pengamatan</td>
</tr>
<tr>
<td>2,2</td>
<td>2,3</td>
</tr>
<tr>
<td>3,2</td>
<td>3,3</td>
</tr>
</table>
</body>
</html>
Binary file added F1G119025-Fadhil Hidayah Sukni/ilkom.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
31 changes: 31 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/latihan table.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Latihan Merging Table</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td>1,1</td>
<td>1,2</td>
<td>1,3</td>
<td>1,4</td>
</tr>
<tr>
<td>2,1</td>
<td colspan="2" rowspan="2"></td>
<td>2,4</td>
</tr>
<tr>
<td>3,1</td>
<td>3,4</td>
</tr>
<tr>
<td>4,1</td>
<td>4,2</td>
<td>4,3</td>
<td>4,4</td>
</tr>
</table>
</body>
</html>
12 changes: 12 additions & 0 deletions F1G119025-Fadhil Hidayah Sukni/latihan1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<title>
FADHIL BELAJAR 1
</title>
<body>
<p>Hello World!</p>
<p>Selamat datang di website Fadhil Hidaya Sukni</p>
</body>
</head>
</html>