プログラミングのお勉強：003日目

プログラム

勉強したこと

Progate HTML&CSS初級編 フッターのレイアウトまで。

 

・HTMLの全体の書き方

 

<!DOCTYPE html>
<html>


　<head>
　　<meta charset="ここでフォント指定">
　　<title>ここでタイトル</title>
　　<link rel="stylesheet" href="ここでCSS指定"
　</head>

　<body>
　　この中が本体　<div></div>でレイアウト構成する
　　<div class="header">
　　　<div class="header-logo">こんな感じで</div>
　　　<div class="header-list">
　　　　<ul>
　　　　　<li>入れ子
　　　　　<li>構造
　　　　　<li>にする
　　　　</ul>
　　　</div>

　　</div>

　　<div class="main"></div>
　　<div class="footer"><div>
　</body>

</html>

 

・CSSの方は

 

.header-logo{
font-size:30px;
background-color:#fff;
padding:20px 40px;
}
みたいに指定していく

list-style:none; で•とか消える。float:left; で左から横並び