HTMLの基本
制作者 : 雛見沢症候群
Copyright © 雛見沢症候群
HTML 宣言コード
基本型
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
文字の表示法
<title></title> 文章のタイトル <head>の中で使用
<meta name="author" content=""> <head>の中で使用 著者
<meta name="keywords" content=""> <head>の中で使用 キーワード
<meta name="discription" content=""> <head>の中で使用 記述
<meta http-equiv="content-language" content="ja"> <head>の中で使用 言語宣言
<meta http-equiv="content-type" content="text/html:charset=utf-8"> <head>の中で使用 コード宣言
<h1></h1> <body>の中で使用 見出しの文字の大きさ変更 h6まで存在
<p></p> <body>の中で使用 段落の設定 １行分余白生成
<br> <body>の中で使用 改行の設定
文字の表示法２
<pre></pre> <body>の中で使用 改行や空白もそのまま表示される
<blockquote cite=""></blockquote> <body>の中で使用 他人が書いた長い文章を引用するために使用
<q></q> <body>の中で使用 他人が書いた短い文章を引用するために使用
<cite></cite> <body>の中で使用 引用元などの情報源を示す イタリック体
<dfn></dfn> <body>の中で使用 用語の定義を行っていることを示す イタリック体
<em></em> <body>の中で使用 斜体
<strong></strong> <body>の中で使用 太字
<sup></sup> <body>の中で使用 上付き文字用タグ
<sub></sub> <body>の中で使用 下付き文字用タグ
& <body>の中で使用 特殊文字コード
<ol><li></li></ol> 行頭の番号が連番の数字
<ol type=""><li></li></ol> 行頭番号の変更
<ul><li></li></ul> 箇条書き用
<img src="URL" alt="テキスト"> 画像の表示
<img src="URL" width="幅 or %" height="高さ or %"> 画像サイズ変更
<a href="URL"></a> リンクの設定
URLタグや表の作成法
<x id=""></x> リンク先
<a href="" target="_blank"></a> <body>の中で使用 別のウィンドウに表示可能
<a href="mailto:%22></a> <body>の中で使用 メールの宛先を指定可能
<table border="ピクセル"></table> 表であることを示すタグ
<tr></tr> 行を定義するタグ
<th></th> 行や列の見出しを作成
<td></td> セルのに入るデータを記述する
<table width=""></table> テーブル全体の幅を指定する
<caption></caption> テーブルにタイトルをつけることができる
<table cellspacing="" cellpadding=""></table>
セルの外枠線とセル、及びセルとセルの間隔を指定できる
cellspacing = セルの間隔
cellpadding = セル内の余白
<th rowspan=""></th> (縦方向)
<td rowspan=""></td> (縦方向)
そのセルから指定された数の下の方向のセルを連結して１つのセルにすることが可能
<th colspan=""></th> （横方向）
<th colspam=""></td> （横方向）