【HTML5・CSS】タグ一覧

HTML5

基本構造

タグ効果属性
<!DOCTYPE html>ドキュメントタイプを宣言する
<html> </html>HTML文書
<head> </head>ヘッダー
<body> </body>ボディ
<link>.cssファイルの読み込みrel:外部からスタイルシートを読み込ませる
<span class>classの指定
<!–  –>注釈(コメント)

ページレイアウト

タグ効果属性
<div> </div>要素をグループ化するclass:グループ名を付ける
<title> </title>タイトル
<h1>~</h6>見出し文字で表示する
<p>段落を作る
<br>改行する
<hr>区切り線を引く

フォント・文章

タグ効果
<b> </b>太字指定
<em> </em>強調指定
<h> </h>斜体指定
<del> </del>取り消し線を引く
<pre>入力されたままの状態で表示する
<code> </code>囲まれた部分がプログラムコードであることを表す

箇条書き

タグ効果属性
<ol> </ol>連番有りの箇条書きstart:ラベル開始位置を指定できる
<ul> </ul>連番無しの箇条書き
<li> </li>リストの作成value:ラベル開始位置を指定

表組み

タグ効果属性
<table> </table>表組みになるborder:罫線の太さを指定する
width:表の横幅を指定する
<th> </th>各項目のヘッダー名になるcolspan:セルを結合させる
<tr> </tr>行になる
<td> </td>セルになるrowspan:縦方向のセルを結合させる
<caption> </caption>表にタイトルを表示する

画像・音楽・映像・リンク

タグ効果属性
<img>画像ファイルを表示するalt:代替テキストの指定
src:ソース場所を指定する
width:横幅を指定する
height:高さを指定する
<embed>音声ファイルを再生するsrc:ソース場所を指定する
loop:再生回数を指定する
hidden:表示・非表示を指定する
autoplay:自動再生を指定する
<a> </a>リンクを示すhref:リンク先の場所を指定する
id:ページ内へのリンクを指定

その他効果

タグ効果属性
<button> </button>ボタンを作成するtype:ボタン属性を定義する
<form> </form>フォームを表すaction:入力されたデータの送信先をURLで指定する
method:データを送信する方式を指定できる
<script> </script>JavaScriptなどのスクリプトを埋め込む

CSS

プロパティ

タグ効果属性
{background}背景を指定-color:色を指定
-image:画像を表示
{border}罫線を指定-color:色を指定
{float}回り込みを指定
{font-size}文字サイズを指定
{font-style}斜体指定
{font-weight}文字の太さを指定
{margin}外側の余白を指定-top:上側
-right:右側
-bottom:下側
-left:左側
{padding}内側の余白を指定
{text}テキストの指定-align:揃えを指定
-decoration:文字に線を付加
-indent:1文字目の開始位置を指定