|
ホームページ作成 ～iモードホームページ つくりま専科～ |
| ホームページ作成～ホームページつくりま専科～－TOP－ |
|---|
| iモードホームページ作成-TOP- | iモードホームページ作成－基本編－ | iモードホームページ作成 －Compact HTML 1.0－ |
iモードホームページ作成 －Compact HTML 2.0－ |
|
|---|---|---|---|---|
| iモードホームページ作成－Compact HTML 1.0－ |
|---|
| ★ドキュメントタイプ ★基本構造 |
★タイトル ★見出し |
★見出し位置 ★段落 |
★段落位置.1 ★段落位置.2 |
★改行 ★区切り線 |
★リスト ★番号付きリスト |
★コメント ★画像の表示 |
★画像の属性指定 ★リンク |
★リンク（メール） ★リンク（電話） |
★そのまま表示 ★すべて表示 |
Compact HTML 1.0 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
</head>
<body>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<h1>どちらで指定しても</h1>
<h6>文字の大きさは同じ</h6>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<h1align="left">こちらは左揃え</h1>
<h6 align="right">こちらは右揃え</h6>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<p>どちらで指定しても</p>
<div>結果は同じ</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<p align="center">こちらは中央揃え</p>
<div align="left">こちらは左揃え</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<center>中央揃え</center>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<p>改行したいところに<br>
を記述します</p>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<h1>見出しと</h1>
<hr>
<p>本文の間に区切り線を引く</p>
</body>
</html>
↑上のようなリストを作る場合の設定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<menu>
<li>項目1
<li>項目2
<li>項目3
</menu>
</body>
</html>
↑上のようなリストを作る場合の設定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<ol>
<li>項目1
<li>項目2
<li>項目3
</ol>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<p>表示する文章</p>
<--表示しない文章-->
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<img src="画像のファイル名">
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<img src="画像のファイル名"設定したい属性>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<a href="ファイル名 絶対パス又は相対パス">この文字列にリンクを設定</a>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<a href="mailto:○○○＠△△△">この文字列にリンクを設定</a>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<a href="tel:○○○○○○○○○○○○">この文字列にリンクを設定</a>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<pre>ソースファイルで改行したり
空白 や空行
をそのまま表示します。</pre>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">
<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
<plaintext>以降の文字列やタグをそのまま表示</plaintext>
</body>
</html>