Part 1. HTML/CSS/JS ch5. 概要、ch 6.整理する
基本構文
<タグ>コンテンツ
親子関係
<부모요소>
<자식요소>
내용
</자식요소>
</부모요소>
空のラベル
アトリビュートを表すタグのみで、オフまたは非表示にする必要はありません.
ex)
<meta>
<img src="경로" alt="대체문구">
<input type="text">
行内要素vsブロック要素
行内要素
テキスト
エレメントが水平に積み重ねられ、オフセットが発生
コンテンツのサイズに等しいサイズのアクティブなサイズ
行の要素自体として、ブロック要素はサブ要素として使用できません.
ブロック要素
レイアウト構造の作成
垂直スタック要素
親要素のサイズに等しい最大水平幅/垂直幅がコンテンツのサイズに等しいように自動的に幅を増やします.
ブロック要素、行内要素はサブ要素として使用できます.
コアHTML Element
<div></div>
Division (block)特殊な意味x、区別するための要素
<h1~6></h1~6>
Heading (block)見出し
数字が小さいほど意味が大きい
<p></p>
Paragraph (block)`文章
<img>
Image (inline)画像を挿入
src
source画像のパスalt
alternative画像の名前<ul></ul>
Unordered List (block)無秩序リスト
<ol></ol>
Ordered List (block)順序付きリスト
<li></li>
List item (block)リスト内の各項目
<a href = '주소' target = "_blank">Oching</a>
Anchor (Inline)別のページ/同じページにジャンプするハイパーリンクを指定します.
href
リンクurltarget
urlの表示(ブラウザタブの場所)blank:新しいタブで開く
<span></span>
特殊な意味x、単純な区切り<br/>
Break (Inline)折り返し
<input type = "text">
ユーザ入力データの要素(行ブロック)type
入力するデータ型value
プリセット値(データ)placeholder
ユーザ入力値(データ)のヒントdisabled
無効<label><input type="checkbox" checked/> apple</label>
label
inputのタイトル、checkbox
再検査可能checked
事前検査実施<label><input type="radio" name="fruits"/>apple</label>
label
inputのタイトル、radio
同じ名前の1つのみチェックname
単一オプショングループ<table></table>
table表要素、行(row)および列(column)の集合
tr
rowいいですよ.
td
data列セル列
colspan ="n"
Column Span,共n列コメント
画面に出力されていないメッセージ
変更や説明などを作成します.
ctrl + /
ショートカットキー<!--주석-->
html環境/**/
css環境//
js環境Reference
この問題について(Part 1. HTML/CSS/JS ch5. 概要、ch 6.整理する), 我々は、より多くの情報をここで見つけました https://velog.io/@oching/22-04-15-HTMLCSSJS-ch5.-HTML개요テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol