100文字でわかる百科事典『100文字百科』
スポンサーリンク

よく使う「HTMLタグ、CSS」一覧まとめ。コピペしてサイト制作に役立てよう

computer ◆100文字以上

普段は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=”(結合数)” 縦のセル結合

【リスト】
<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(右側)
&nbsp; スペース
<img src=”表示させたい画像” alt=”画像の説明“> 画像表示
<div></div> グループ化(ブロック)
<span></span> ピンポイント指定(インライン)
background-color:red; 背景色

<hr> 水平線
display:none; 非表示

<button></button> ボタン
<!--コメント内容--> コメント
!important 第一優先

タイトルとURLをコピーしました