官术网_书友最值得收藏!

An HTML prototype

We've just reached the point where we can start templating our application. Using HTML and CSS, we will achieve the intended look and feel. Later, we will bind JavaScript modules to the acting elements.

We start by replacing the content of index.html with the following code:

./index.html

<!DOCTYPE html> 
<html>
<head>
<title>File Explorer</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./assets/css/app.css" rel="stylesheet" type="text/css">
</head>
<body class="l-app">
<header class="l-app__titlebar titlebar">
</header>
<div class="l-app__main l-main">
<aside class="l-main__dir-list dir-list">
</aside>
<main class="l-main__file-list file-list">
</main>
</div>
<footer class="l-app_footer footer">
</footer>
</body>
</html>

Here, we just defined the page layout with semantically meaningful HTML tags. As you can see, we refer to ./assets/css/app.css that we are about to create.

主站蜘蛛池模板: 盈江县| 安多县| 包头市| 井冈山市| 靖西县| 沙坪坝区| 定州市| 新闻| 镇沅| 兰坪| 遂宁市| 白水县| 武穴市| 盖州市| 南充市| 正蓝旗| 呼和浩特市| 南投市| 上饶县| 泾川县| 万年县| 合山市| 永川市| 张掖市| 手游| 枞阳县| 普洱| 双城市| 遂平县| 加查县| 中卫市| 鲁甸县| 石家庄市| 团风县| 当阳市| 济宁市| 宁陵县| 梅州市| 随州市| 松阳县| 长岭县|