mirror of
https://github.com/dyzulk/ngampus.git
synced 2026-01-26 05:15:27 +07:00
Create tugas-02.html
This commit is contained in:
committed by
GitHub
parent
c6c8c7538e
commit
427273392c
127
pemweb/tugas-02.html
Normal file
127
pemweb/tugas-02.html
Normal file
@@ -0,0 +1,127 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Cat</title>
|
||||
|
||||
<style>
|
||||
h1{
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
text-align: center;
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
h2{
|
||||
background-color: bisque;
|
||||
color: rgb(185, 0, 0);
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
|
||||
}
|
||||
|
||||
img{
|
||||
float: right;
|
||||
width: auto;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
b{
|
||||
color: rgb(230, 0, 0);
|
||||
}
|
||||
|
||||
.tabel01{
|
||||
background-color: rgb(255, 213, 213);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<h1>Cat</h1>
|
||||
<img src="img1.png" alt="Gambar ceritanya" >
|
||||
<h2>About</h2>
|
||||
|
||||
|
||||
<p>Nyaawwww!</p>
|
||||
<p>Hi, I'm Cat, I love <a href="https://youtu.be/9ougG5fvA1I?si=ix0cFVI1HjL8TNcA">User Interface (UI) and User Experience (UX)</a></p>
|
||||
|
||||
<h2>Courses</h2>
|
||||
|
||||
<p>Here are some courses I've taken nyaw:</p>
|
||||
<table border="1" style="border-collapse: collapse;">
|
||||
<thead>
|
||||
<th>Course Number</th>
|
||||
<th>Course Title</th>
|
||||
<th>Semester Taken</th>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<th colspan="3">For Credit</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>6.813</td>
|
||||
<td style="color: rgb(138, 150, 115);">User Interface Design</td>
|
||||
<td style="color: rgb(138, 150, 115);">Spring 2014</td>
|
||||
</tr>
|
||||
<tr class="tabel01">
|
||||
<td>6.034</td>
|
||||
<td>Artificial Intelligence</td>
|
||||
<td>Fall 2013</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6.006</td>
|
||||
<td>Introduction to Algorithms</td>
|
||||
<td>Fall 2013</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th colspan="3">Listener</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>6.867</td>
|
||||
<td>Machine Learning</td>
|
||||
<td>Fall 2013</td>
|
||||
</tr>
|
||||
<tr class="tabel01">
|
||||
<td>6.830</td>
|
||||
<td>Database System</td>
|
||||
<td>Fall 2012</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h2>Interests</h2>
|
||||
|
||||
<p>I am Interested <B>Royal Canin</B>, <b>Whiskas</b>, and <b>Youtube Videos About Cat :3</b>.</p>
|
||||
|
||||
<h2>Submit Your Information</h2>
|
||||
<p>If you want to have a relationship with a cute cat like me, please enter it in the form below Nyaw!</p>
|
||||
|
||||
<table>
|
||||
<form action="">
|
||||
<tr>
|
||||
<td><label for="">Name:</label></td>
|
||||
<td><input type="text" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label for="">Food brand:</label></td>
|
||||
<td><input type="text" name="" id="" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2"><p>Gender:</p></td>
|
||||
<td colspan="3"><label for="male">Male</label><input type="radio" name="jk" id="male" value="Male" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3"><label for="female">Female</label><input type="radio" name="jk" id="female" value="female" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3"><button type="submit">Submit</button></td>
|
||||
</tr>
|
||||
</form>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user