HTML/CSS/JS Ch 5~6. HTMLの概要、タグ付け
CH05.
요소(Element)
<태그> 내용 </태그>
<시작(열린)태그> 내용(Contents) <종료(닫힌)태그>
부모와 자식 요소
<태그><태그>내용</태그></태그>
<태그> -> 부모태그
<태그>내용</태그> -> 자식 태그
</태그>
Empty 태그
<태그> --> HTML 1/2/3/4/5
or
<태그/> --> XHTML/HTML5
태그 속성
기능의 확장
<태그 속성="값">내용</태그>
속성: Attribute
값: Value
ex) <img/>
<img src="./cat.jpg" alt="고양이"/>
대부분의 empty 태그는 속성과 값이 필요하다
글자와 상자
要素を画面に出力するプロパティ1. 造字要素
2. エレメント水平スタック
3. 改行時にスペース
4. スタイル要素でサイズを指定できません
5. 左右の余白は指定できますが、上下の余白は指定できません.
6. サブエレメントにブロックエレメント
1. ボックスを作成する要素
2. コンテンツを含むサイズに自動的に縮小
3. 垂直スタック要素
4. 幅は親要素のサイズに自動的に増加します
5. コンテンツを含むサイズに自動的に縦幅を縮小
6. スタイル要素を使用してサイズを指定できます
7. 左右、上下外部/内部を指定可能
8. サブエレメントには、ブロックエレメント
Ch06.
B
is BLOCK Element
I
is INLINE Element
<div></div>
B
Division特別な意味で区別されない要素
<h1>~<h6></h1>~</h6>
B
Heading見出し要素
数字が小さいほど、タイトルが重要になります.
<p></p>
B
Paragraph文の意味
<img/>
I
Image画像の要素を挿入
必須プロパティ:src(パス)、alt(名前)
<ul></ul>
B
Unordered Listシーケンスリストなしのコレクション
プロジェクトには
<li>
B
マークがあります<a></a>
I
Anchor異なる/同じページを移動するハイパーリンクを指定
属性:href:urlをリンクし、target:表示位置
target:blank=新しいタブ
<span></span>
I
特別な意味で区別されない要素テキスト範囲を特定するときによく使用されます
<br/>
I
break改行要素
<input/>
I-B
行内要素としてのBlock要素水平スタック(inlineなど)、水平スタック(Blockなど)、または水平および左右の余白を指定できます.
ユーザー入力データの要素
属性:type
type
Value:予め入力した値placeholder:ユーザーが値を入力するヒント
disabled:入力要素の無効化
checkbox:checkオプションを入力し、選択した場合はdefault
radio:
<label>
とともに1つのグループのみを受信<label></label>
I
ラベル可能要素のタイトルex)inputタグの値を指定する
<table></table>
Table 요소
表要素、行および列のセット<tr></tr>
Table 요소
tabel row <td></td>
Table 요소
table data <table>
<tr>
<td>A</td><td>B</td>
</tr>
<tr>
<td>C</td><td>D</td>
</tr>
</table>
전역속성
title
要素を指定する情報または説明<태그 title="설명"></태그>
style
要素に適用するスタイル<태그 style="스타일"></태그>
class
要素を指定するための重複可能な名前<태그 class="이름"></태그>
CSS
.이름 {
color: red;
}
id
指定された要素の一意の名前<태그 id="이름"></태그>
CSS
#이름 {
color: red;
}
data
要素<태그 data-이름="데이터"></태그>
Reference
この問題について(HTML/CSS/JS Ch 5~6. HTMLの概要、タグ付け), 我々は、より多くの情報をここで見つけました https://velog.io/@hungeun/05.-HTML-개요-06.-HTMLテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol