Wecode初日TIL(21.111.29)

5866 ワード
CSS replit html テキストリンク

1.HTML基本用語



ラベルには開始ラベルと終了ラベルがあります!
ex) 
<p></p>
<h1></h1>
異常の場合、開始と同時に終了するマークがあります
<img>, <br>
tagコメントサイト

2.HTMLベースラベル

<!DOCTYPE> 
<html>
 <head>
 </head>
 <body>
 </body>
</html>
上述したようにhtmlは基本的なスケルトン構造を有する.あとでもう一度よく聞いてみます.
①
ブラウザにこのhtmlファイルがどのバージョンのhtmlを使用しているかを教える役割
ex)
▶この宣言はHTML 5バージョンを使用することを意味します.
②HTMLタグ
ブラウザがhtmlタグに遭遇すると、htmlが起動して要素を描画する準備ができていることが確認されます.
③headタグ
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
</head>
headタグは、Webサイトのタイトル、説明、付加情報、技術などを含む部分です.
▶ <meta charset="utf-8"> :
ハングル、日本語、中国語を含むページ番号文字コードを追加する必要があります
▶ <meta name="viewport" content="width=device-width"> :
これは、デバイスの横方向のサイズがウェブページの横方向に等しいことを意味する.
▶ <title>repl.it</title> :
ブラウザタブに表示されるページ名
④<span>ラベル
▶主にテキストを入れる.
▶を使うと線は変わりませんが、1行ずつ出てきます.
▶このような行が続く要素をinline elementと呼びます.
⑤ <a>▶<a>ラベル移動画面をクリックします.
▶<a>タグのhref属性(attribute)に移動するアドレスを記入します.
<a href="https://www.w3schools.com/tags/tag_div.asp" target="_blank">div 태그?</a>
▶target属性の「blank」の値はクリックすると新しいウィンドウに表示されます!!
⑥ <p>▶<p>ラベルも主にテクスチャが入っている
▶<p>は段落の略語で、主に段落を全部入れる.
▶<p>ラベルはラベルと異なり改行されます.
⑦ <div>部門の略で、Webサイトで部分を区切るために使用されます.<div>を使用する理由は、次のとおりです.
▶似たような部分の組み合わせ
▶デザインによってレイアウトを分離し、
▶<div>ごとにclassまたはidの属性を付与してcssスタイルにする
float
[programmers]level 1-ソウルで金相公を探す