bタグ 文字の強調
pタグ: 段落を付ける
見出し要素
h1,h2,h3...タグ
htmlタグ
HTML文書であることを宣言する
headタグ
どんなデータを扱うのかを伝える
titleタグ
webブラウザに表示されるタイトルを設定
bodyタグ
HTML本文のコンテンツを扱う。
リスト
olタグ: 1,2,3...を文頭に付ける。
ulタグ: ●を文頭に付けて文章を整理する
liタグ：ol,ulタグ内の文に付ける。
例)
olタグ
liタグ /liタグ
/olタグ
ulタグ
liタグ /liタグ
/ulタグ
aタグ
違う場所に移動したい際に使用するタグ
aタグの後ろに移動先のリンクを入力する
例) a href=https//google.com
imgタグ
画像を付ける際に使用する
img src=" "
src以下に出力する画像の名前やURLを入力する
alt属性で出力画像に関する情報を文字で伝えられる。
divタグ
様々な要素をグループ化できる。コンテナの様なもの。
spanタグ
spanで挟んだ文字のスタイルや色を変えたい際に使用
hrタグ
水平線を作る
brタグ
改行できる
supタグ
添え字等を表現したいときに使用する
subタグ
化学文字等で使用されることが多い
main
主要コンテンツがmainの中に入れる際に使用する
nav
他の場所に飛ぶことができる部分をまとめる際に使用するタグ。
header
ページの上に位置するnavをまとめる際に使用可能
footer
ページの下に位置するnavをまとめる際に使用可能
tableタグ
表作成。データを整理し、分かりやすく表示する。
tdタグ
テーブル内のデータを表示する際に使用する。
例)
tableタグ
tdタグxxxxxtdタグ
/tableタグ
trタグ
テーブル内に行を追加し、データを整理する
tableタグ
trタグ
tdタグ xxxxx /tdタグ
/trタグ
/tableタグ
thタグ
テーブルにヘッダーを追加
tableタグ
trタグ
thタグ xxxx /thタグ
tdタグ xxxxx /tdタグ
/trタグ
/tableタグ
rowspan
行の長さを設定
例) th rowspan="2"
2列文使用することができる
colspan
列の長さを設定
th colspan="2"
Formタグ
入力欄やチェックボックス、ボタン機能を受け入れ、webサーバーに送信するコンテナ。
action属性で、どこに入力された情報を送信するのかを設定する。
methodでフォームを送信する際に使用するHTTPメソッド(GET、POST等）を指定
formタグ action="送信先"
inputタグ
入力欄を生成
inputタグ type = number
typeでどんな入力欄にするのか設定できる。
type = textで文字列を入力できる欄が完成
type = numberで数値を受け入れられる欄が完成。
沢山種類がある。
placeholder：入力欄にどんなデータを入力できるのかを明確化可能
name属性で、name属性がないデータを送信しないようにするためにある。
value属性で、ボタン上で表示する値を設定。また送信したデータがどれか分かるようにできる
radio属性で一つしか選択できないようできる。name属性を同じ情報にすることで、グループ化できる。
例)
inputタグ type = number name="q" placeholder = "数値を入力"
labelタグ for = "s"
inputタグ type = radio name="q" placeholder = "数値を入力" id = "s" value = "s"
labelタグ for = "m"
inputタグ type = radio name="q" placeholder = "数値を入力" id ="m" value ="m"
label タグ for = "sm"
inputタグ type = radio name="q" placeholder = "数値を入力" id ="sm" value ="sm"
labelタグ
文とその他を関連づけられる。
例えば、"Do you like cake?"とチェックボックスを関連づけることができる。
id 属性で、入力した情報を他と区別し、独自のデータとする。
for 属性で、関連づけたい要素idを設定。
labelタグ for = "cheese" Do you like cheese? /label
inputタグ type = "checkbox" names= "cheese" id="cheese"
buttonタグ
ボタン生成
例)Buttonタグ type="submit" 送信 /Buttonタグ
submitで送信するボタンになる。
selectタグ
リスト化できる
label for = "meal" choose meal /label
select name = "meal" id="meal"
/select
option
selectタグでデータを表示できる
option value="sake" 鮭 /option
option value="maguro" マグロ /option