PC初心者のあなたに、パソコン用語や勉強法をはじめ、便利な無料ツール、画像編集、ホームページ作成のためのhtmlやcssの知識などをやさしく解説しちゃうサイトです。

とりあえず覚えるhtml

とりあえず覚えるhtml

これくらいのタグをPC初心者の方は覚えていると簡単なホームページは作れます。ひたすら読んで暗記しましょう。

用途タグ
html文書であることを示す<html> </html>
htmlのヘッダ情報を書く<head> </head>
ページタイトルを指定する<title> </title>
ページとして表示される内容を指定<body> </body>
見出し<h1~h6> </h1~/h6>
段落<p> </p>
改行<br />
区切り線(水平線)を挿入<hr />
他ページ・他サイトへのリンク設定<a href="~"> </a>
メールアドレスへのリンク設定<a href="mailto:~"> </a>
表示する画像ファイルのURLを設定<img src="img/~" />
画像に出る文字の設定<img src="~" alt="~" />
リストの作成<ul> </ul>
番号つきリストの作成<ol> </ol>
リストの項目を指定<li> </li>
テーブル(表)の作成<table> </table>
テーブルの行を定義<tr> </tr>
テーブルの見出しセルの定義<th> </th>
テーブルのデータセルの定義<td> </td>
ブロックレベル要素のグループ化<div> </div>
インライン要素のグループ化<span> </span>

さらにこれを覚えるといいタグ

用途タグ
文字列を強調<em> </em>
文字列をより強調<strong> </strong>
文字列を太字<b> </b>
文字列を斜体<i> </i>
画像の幅と高さ<img src="~" width="数値" height="数値">
テーブルに枠線をつけ太さを指定<table border="数値"> </table>
テーブル全体の幅<table width="数値"> </table>
テーブルのタイトル<caption> </caption>
セル内の横方向<td align="位置"></td>
位置: left(左揃え), center(中央), right(右)
セル内の縦方向<td valign="位置"> </td>
位置: top(上), middle(中央), bottom(下)
ページ内のリンク先のマーカーを設定<a id="マーカー名"> </a>
マーカーへのリンクを設定<a href="#マーカー名"> </a>

powered by Quick Homepage Maker 4.81
based on PukiWiki 1.4.7 License is GPL. QHM

最新の更新 RSS  Valid XHTML 1.0 Transitional