無料ではじめる!ホームページ入門〜ホームページ作成解説サイト〜 | HOME | HP | HTML | UP | other | Link | about |
HOME > HTML > HTMLの基本テクニック
|
HTMLの基本テクニック1.ページタイトルをつけよう
まずページのタイトルをつけましょう。
<html>
<head> <title>ホームページをつくろう</title> </head> <body> 本文 </body> </html> 2.見出しをつけよう見出しをつけるには<h○>〜</h○>タグを使います。○には1から6までの数字が入ります。 数字が小さいほど文字は大きくなります。 HTMLソース
<html>
<head> <title>ホームページをつくろう</title> </head> <body> <h1>ホームページの基本</h1> <h2>HTMLとは</h2> 本文 </body> </html> 結果 ホームページの基本HTMLとは3.段落を設けよう<p>〜</p>タグを使って文章を1つの段落として表示させることができます。 HTMLソース
<html>
<head> <title>ホームページをつくろう</title> </head> <body> <h1>ホームページの基本</h1> <h2>HTMLとは</h2> <p> HTMLとはホームページを作成するための言語で、… </p> </body> </html> 結果 ホームページの基本HTMLとはHTMLとはホームページを作成するための言語で、… 4.改行しよう
HTML文書では普通に改行しても、ブラウザ上では改行されずに表示されます。
句読点の後で
改行します。<br> ここで、<br>改行。 結果
句読点の後で改行します。
ここで、 改行。 5.文字の色を変えよう文字の色を変えたいときは<font color="○○">〜</font>タグを使います。 ○○には色名または色指定値が入ります。カラーコードはこちら。 HTMLソース
文字の色を<font color="red">青</font>にします。
結果
文字の色を青にします。
6.リスト表示させよう
<ul>〜</ul>タグを使うと、リスト表示させることができます。
<ul>
<li>日本</li> <li>アメリカ</li> <li>イギリス</li> </ul> 結果
7.リンクしよう
HTMLでは他のページや、画像とリンクさせることができます。
<a href="http://www.yahoo.co.jp/" target="_blank">Yahoo!JAPANへ</a>
結果 8.画像を表示させよう。<img src="○○">タグを使うと画像を表示させることができます。○○には画像のファイル名やURLが入ります。 HTMLソース
<img src="../img/dog.gif">
結果 |
当サイトへのリンクは確認不要です。
ご意見・ご感想などございましたらこちらまで tada_hp@hotmail.com
Copyright (C) 2004 by K.Y All Rights Reserved.
ご意見・ご感想などございましたらこちらまで tada_hp@hotmail.com
Copyright (C) 2004 by K.Y All Rights Reserved.