普段は100文字以内で様々なことを解説している「100文字百科」ですが、今回は特別に100文字以上の大ボリュームで、よく使う「HTMLタグ、CSS」一覧を作りました。あのタグなんだったっけという時にコピペしてお使いください。
※青文字は自由に変更
【文字】
<h1></h1> 見出し1
<h2></h2> 見出し2
<h3></h3> 見出し3
<h4></h4> 見出し4
<h5></h5> 見出し5
<h6></h6> 見出し6
<p></p> 文章
</br> 文章の改行
<b></b> 太字
color:#ff0000; 文字色
font-size:12px; 文字サイズ
letter-spacing:00px; 文字と文字の間隔
font-family:‘MS P明朝’,sans-serif; フォントの種類
【表】
<table></table> 表の定義
<tr></tr> 行の定義
<th></th> セル見出し
<td></td> セル
colspan=”0(結合数)” 横のセル結合
rowspan=”0(結合数)” 縦のセル結合
【リスト】
<ul></ul> ・(中黒)のリスト
<ol></ol> 数字のリスト
<li></li> リスト化したい項目を囲む
【リンク】
<a href=”リンク先“></a> リンク
target=”_blank” rel=”noreferrer noopener” リンクを別タブで開く
【その他】
width:000px; 幅
height:000px; 高さ
style=”width:30%; text-align:center;” HTMLに直接cssを反映させる
text-align: 配置 center(中央)、 left(左側)、right(右側)
スペース
<img src=”表示させたい画像” alt=”画像の説明“> 画像表示
<div></div> グループ化(ブロック)
<span></span> ピンポイント指定(インライン)
background-color:red; 背景色
<hr> 水平線
display:none; 非表示
<button></button> ボタン
<!--コメント内容--> コメント
!important 第一優先