Assalamualaikum wr.wb
saya akan bercerita tentang bootsrap,
Apa itu Bootstrap?
Seperti yang telah dikatakan sebelumnya, Bootstrap merupakan sebuah framework CSS dari twitter, yang menyediakan kumpulan komponen-komponen antarmuka dasar pada web yang telah dirancang sedemikian rupa untuk digunakan bersama-sama. Selain komponen antarmuka, Bootstrap juga menyediakan sarana untuk membangun layout halaman dengan mudah dan rapi, serta modifikasi pada tampilan dasar HTML untuk membuat seluruh halaman web yang dikembangkan senada dengan komponen-komponen lainnya.
Mengutip pengembang yang menciptakan Bootstrap, Bootstrap dibuat untuk memberikan sekumpulan perangkat yang dapat digunakan untuk membangun website sederhana dengan mudah.
itulah sedikit penjelasan tentang bootsrap,
materi kuliah hari ini di ajarkan membuat halaman web dengan mudah,
-pertama saya membuka note pad dan membuat halaman dan memasukan beberapa script,saya tampilkan contoh script dibawah:
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for 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>
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th> no </th>
<th> hari </th>
<th> mata kuliah </th>
</tr>
</thead>
</tbody>
<tr>
<td> 1</td>
<td> senin </td>
<td> web desain </td>
</tr>
<tr>
<td> 2 </td>
<td> selasa </td>
<td> visual basic </td>
</tr>
<thead>
</tbody>
<tr>
</table>
<h1>Hello, world!</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
sekian cerita singkat dari saya
Tidak ada komentar:
Posting Komentar
pleasa tuliskan komentar anda