HTMLの基本のソースを表示

<h2>制作者 : [https://wiki.sufee.net/index.php?title=%E5%88%A9%E7%94%A8%E8%80%85:%E9%9B%9B%E8%A6%8B%E6%B2%A2%E7%97%87%E5%80%99%E7%BE%A4 雛見沢症候群]</h2>
    <small><small>Copyright &copy; [https://wiki.sufee.net/index.php?title=%E5%88%A9%E7%94%A8%E8%80%85:%E9%9B%9B%E8%A6%8B%E6%B2%A2%E7%97%87%E5%80%99%E7%BE%A4 雛見沢症候群]</small></small>
<p>HTML　宣言コード</p>
<h2>基本型</h2>

<p>
&lt;!DOCTYPE&nbsp;html&gt;<br>
&lt;html&gt;<br>
&lt;head&gt;&lt;/head&gt;<br>
&lt;body&gt;&lt;/body&gt;<br>
&lt;/html&gt;
</p>

<h2>文字の表示法</h2>

<p>
&lt;title&gt;&lt;/title&gt;&nbsp;文章のタイトル　&lt;head&gt;の中で使用
</p>

<p>
&lt;meta&nbsp;name=&quot;author&quot;&nbsp;content=&quot;&quot;&gt;&nbsp;　　　&lt;head&gt;の中で使用&nbsp;著者<br>
&lt;meta&nbsp;name=&quot;keywords&quot;&nbsp;content=&quot;&quot;&gt;　　&nbsp;&lt;head&gt;の中で使用&nbsp;キーワード<br>
&lt;meta&nbsp;name=&quot;discription&quot;&nbsp;content=&quot;&quot;&gt;　&lt;head&gt;の中で使用&nbsp;記述
</p>

<p>
&lt;meta&nbsp;http-equiv=&quot;content-language&quot;&nbsp;content=&quot;ja&quot;&gt;&nbsp;　　　　　　　　　　　&lt;head&gt;の中で使用　言語宣言<br>
&lt;meta&nbsp;http-equiv=&quot;content-type&quot;&nbsp;content=&quot;text/html:charset=utf-8&quot;&gt;　&lt;head&gt;の中で使用　コード宣言
</p>

<p>
&lt;h1&gt;&lt;/h1&gt;&nbsp;&lt;body&gt;の中で使用　見出しの文字の大きさ変更　h6まで存在
</p>

<p>
&lt;p&gt;&lt;/p&gt;&nbsp;&lt;body&gt;の中で使用　段落の設定　１行分余白生成
</p>

<p>
&lt;br&gt;&nbsp;&lt;body&gt;の中で使用　改行の設定
</p>

<h2>文字の表示法２</h2>

<p>
&lt;pre&gt;&lt;/pre&gt;&nbsp;&lt;body&gt;の中で使用　改行や空白もそのまま表示される
</p>

<p>
&lt;blockquote&nbsp;cite=&quot;&quot;&gt;&lt;/blockquote&gt;&nbsp;&lt;body&gt;の中で使用　他人が書いた長い文章を引用するために使用<br>
&lt;q&gt;&lt;/q&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;body&gt;の中で使用　他人が書いた短い文章を引用するために使用
</p>

<p>
&lt;cite&gt;&lt;/cite&gt;&nbsp;&lt;body&gt;の中で使用　引用元などの情報源を示す　イタリック体<br>
&lt;dfn&gt;&lt;/dfn&gt;&nbsp;&nbsp;&nbsp;&lt;body&gt;の中で使用　用語の定義を行っていることを示す　イタリック体
</p>

<p>
&lt;em&gt;&lt;/em&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;body&gt;の中で使用　斜体<br>
&lt;strong&gt;&lt;/strong&gt;&nbsp;&lt;body&gt;の中で使用　太字
</p>

<p>
&lt;sup&gt;&lt;/sup&gt;&nbsp;&lt;body&gt;の中で使用　上付き文字用タグ<br>
&lt;sub&gt;&lt;/sub&gt;&nbsp;&lt;body&gt;の中で使用　下付き文字用タグ
</p>

<p>
&amp;&nbsp;&lt;body&gt;の中で使用　特殊文字コード
</p>

<p>
&lt;ol&gt;&lt;li&gt;&lt;/li&gt;&lt;/ol&gt;　　　　　行頭の番号が連番の数字<br>
&lt;ol&nbsp;type=&quot;&quot;&gt;&lt;li&gt;&lt;/li&gt;&lt;/ol&gt;　行頭番号の変更<br>
&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;　　　　　箇条書き用
</p>

<p>
&lt;img&nbsp;src=&quot;URL&quot;&nbsp;alt=&quot;テキスト&quot;&gt;&nbsp;画像の表示<br>
&lt;img&nbsp;src=&quot;URL&quot;&nbsp;width=&quot;幅&nbsp;or&nbsp;%&quot;&nbsp;height=&quot;高さ&nbsp;or&nbsp;%&quot;&gt;&nbsp;画像サイズ変更
</p>

<p>
&lt;a&nbsp;href=&quot;URL&quot;&gt;&lt;/a&gt;&nbsp;リンクの設定
</p>

<h2>URLタグや表の作成法</h2>

<p>
&lt;x&nbsp;id=&quot;&quot;&gt;&lt;/x&gt;&nbsp;リンク先
</p>

<p>
&lt;a&nbsp;href=&quot;&quot;&nbsp;target=&quot;_blank&quot;&gt;&lt;/a&gt;&nbsp;&lt;body&gt;の中で使用　別のウィンドウに表示可能<br>
&lt;a&nbsp;href=&quot;mailto:&quot;&gt;&lt;/a&gt;&nbsp;&nbsp;&nbsp;&nbsp;&lt;body&gt;の中で使用　メールの宛先を指定可能
</p>

<p>
&lt;table&nbsp;border=&quot;ピクセル&quot;&gt;&lt;/table&gt;　表であることを示すタグ<br>
&lt;tr&gt;&lt;/tr&gt;　　　　行を定義するタグ<br>
&lt;th&gt;&lt;/th&gt;　　　　行や列の見出しを作成<br>
&lt;td&gt;&lt;/td&gt;　　　　セルのに入るデータを記述する<br>
&lt;table&nbsp;width=&quot;&quot;&gt;&lt;/table&gt;&nbsp;テーブル全体の幅を指定する<br>
&lt;caption&gt;&lt;/caption&gt;&nbsp;テーブルにタイトルをつけることができる
</p>

<p>
&lt;table&nbsp;cellspacing=&quot;&quot;&nbsp;cellpadding=&quot;&quot;&gt;&lt;/table&gt;&nbsp;<br>
セルの外枠線とセル、及びセルとセルの間隔を指定できる<br>
cellspacing&nbsp;=&nbsp;セルの間隔<br>
cellpadding&nbsp;=&nbsp;セル内の余白
</p>

<p>
&lt;th&nbsp;rowspan=&quot;&quot;&gt;&lt;/th&gt;　(縦方向)<br>
&lt;td&nbsp;rowspan=&quot;&quot;&gt;&lt;/td&gt;　(縦方向)<br>
そのセルから指定された数の下の方向のセルを連結して１つのセルにすることが可能
</p>

<p>
&lt;th&nbsp;colspan=&quot;&quot;&gt;&lt;/th&gt;&nbsp;（横方向）<br>
&lt;th&nbsp;colspam=&quot;&quot;&gt;&lt;/td&gt;&nbsp;（横方向）
</p>
[[カテゴリ:Html]]