Untuk kedepannya, saya akan share tulisan saya tentang pelajaran html dan css. Di pelajaran itu ada template dasar yang harus di ikuti. Template itu mungkin tidak sesuai dengan bagaimana html seharusnya.
Pada template ini, semuanya digabung jadi satu! kecuali script atau js luar yang tidak langsung bersangkutan seperti jquery.js alasan kenapa memakai template ini murni buat belajar. Bila dalam keadaan sebenarnya!
letakkan javascript dan style pada file di luar HTML.. dan terpenting jangan memakai inline css .. kecuali itu memang tidak ada jalan lain.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--STYLE DIKETIK DIBAWAH -->
<style>
.box{
background-color: rgba(164, 172, 197, 0.23);
border: rgb(187, 187, 233) 1px solid;
margin:auto; width:300px;
}
</style>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- TULIS CODING HTML DISINI -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Tidak ada komentar:
Posting Komentar