Skip to content

Instantly share code, notes, and snippets.

@galihlprakoso

galihlprakoso/index.html

Last active December 29, 2019 02:59
Show Gist options
  • Save galihlprakoso/4f0e85937ec4c64d2f8b7e3ea8ec2d53 to your computer and use it in GitHub Desktop.
Save galihlprakoso/4f0e85937ec4c64d2f8b7e3ea8ec2d53 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Here is the title</title>
<!-- Contoh css internal -->
<style>
/* Styling untuk semua tag h1 */
h1 {
color: red;
text-decoration: underline;
font-family: courier;
}
img {
border-radius: 16px;
}
/* Styling untuk satu tag dengan id = content */
#content {
font-family: verdana;
border: 1px solid powderblue;
padding: 16px;
}
/* Styling untuk semua tag dengan class = links */
.links {
color: green;
font-weight: bold;
display: block;
margin-top: 16px;
margin-bottom: 16px;
}
</style>
<!-- Contoh css external -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>This is a sample heading.</h1>
<p id="content">This is a sample <b>paragraph</b>.</p>
<img width="100" height="100" src="https://1.bp.blogspot.com/-IfTWvhzrZ_c/XgbaUJSHWsI/AAAAAAAAPGQ/4gZn4GHdD-Ua9x_BBnh7ZOvggIOGbcZHQCLcBGAsYHQ/s1600/tutorial-menggunakan-scratch.jpg" />
<br>
<!-- Contoh inline css -->
<a class="links" style="color: red;" href="/">This is a sample of a link</a>
<a class="links" href="/">This is a sample of a link</a>
<a class="links" href="/">This is a sample of a link</a>
<a class="links" href="/">This is a sample of a link</a>
<form action="" method="POST">
<input type="text" name="example" />
<button type="submit">SUBMIT</button>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment