プログラミング

【プログラミング独学】HTML&CSS 13日目、ヘッダーの構造

プログラミング学習(HTML&CSS)をProgateで学習した内容を記録したものです

 

Progateでの学習と自分でリサーチしてわかったことをメモしています

 

今回はProgate演習13をやりました

 

 

ヘッダーの枠組み

ヘッダーは「ロゴ」と「メニューリスト」がある

 

index.html

<div class=”header”>

①<div class=”header-logo”>Progate</div>

②<div class=”header-list”>

<ul>

<li></li>

<li></li>

<li></li>

</ul>

</div>

</div>

 

①ヘッダーロゴの<div>要素

②ヘッダーメニューの<div>要素

 

リストの黒点を無くす

<ul>

<li>リスト</li>

<li>リスト</li>

</ul>

文字を入力すると

 

・リスト

・リスト

 

黒点が一緒に表示される

 

黒点はCSSで指定することで消すことができる

 

stylesheet.css

li {

list-style: none;

}

 

list-style: none; と入力すると黒点が消える

 

 

疑問

ふぱ

黒点をわざわざ消すなら<li></li>じゃなくて<p></p>で入力しちゃダメなの?

 

学習進めながら調べてみます

 

本日の学習終わり

 

ブログランキングに参加中です。

応援よろしくお願いします。

ブログランキング・にほんブログ村へにほんブログ村

人気ブログランキング

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA