HTML と CSS

Wed Apr 12 '06

*//　読み替え（書き換え）てください：<>html　⇒　＜html＞のように　

＜ページの概略構成＞
<>html <>head <>title ... <>/title <>style type="text/css"<>/style　←省略可能 <>/head <>body ここに以下の＜＞（タグ）を記述する <>/body <>/html

<>a href=""
target="_blank"><>/a
<>P
<>BR
<>center <>/center
<>marquee<>B<>I<>font color="red" ここが赤くなる <>/font<>/I<>/B<>/marquee
ここが赤くなる
実はこのように
"＜marquee＞＜B＞＜I＞＜font color="red"＞ここが赤くなる＜/font＞＜/I＞＜/B＞＜/marquee＞"

●

○

●

楽天

●

楽

（Ｒ）
　天

楽天

"＜font size="4"＞大きくなります＜/font＞"と書くと

↓
大きくなります

"＜font size="2"＞小さくなります＜/font＞"と書くと

↓
小さくなります

"＜font size="3"＞＜u＞少し大きくなります＜/u＞＜/font＞"と書くと

↓
少し大きくなります

"＜img src="http://blog.with2.net/img/banner_02.gif"
alt="http://blog.with2.net/img/banner_02.gif"＞"と書くと

↓

また、"＜a href="http://blog.with2.net/"＞＜img src="http://blog.with2.net/img/banner_02.gif"＞＜/a＞
~~alt="http://blog.with2.net/img/banner_02.gif"＞~~"と書くと
↓

「クリック！」と頂けると、ありがたいです

実は、↑　"＜a href="http://blog.with2.net/" target="_blank"＞＜img src="http://blog.with2.net/img/banner_02.gif"＞「クリック！」と頂けると、ありがたいです＜/a＞
~~alt="http://blog.with2.net/img/banner_02.gif"＞~~"と書いてあるので、もしtarget="_blank"がなければ、クリックしたらリンク先を表示するとともにウィンドウが閉じてしまったはずでした。ただし、しつこい、と思われるかもしれません。↓のクリックの必要はありません。クリックすると、このサイトから 一時的に 出られてしまいますしね。
↓

"＜div align="right"＞右によせたい＜/div＞"と書くと ⇒右を見る⇒

右によせたい

また、"＜div align="left"＞＜strike＞右＜/strike＞＜b＞左＜/b＞によせたい＜/div＞"と書くと
←左を見る←

右左によせたい

また、"＜div align="center"＞真ん中によせたい＜/div＞"と書くと

真ん中によせたい

"＜blink＞点滅させる＜/blink＞"と書くと(Netscape Navigatorのみで動作)

↓
点滅させる

表を作ろう

"＜table border="1"＞＜tr＞＜td＞1行目の1列目＜/td＞＜td＞1行目の2列目＜/td＞＜td＞1行目の3列目＜/td＞＜/tr＞
＜tr＞＜td＞2行目の1列目＜/td＞＜td＞2行目の2列目＜/td＞＜td＞2行目の3列目＜/td＞＜/tr＞＜/table＞"と書くと
↓

1行目の1列目	1行目の2列目	1行目の3列目
2行目の1列目	2行目の2列目	2行目の3列目

また、
"＜table ~~border="1"~~ bgcolor="white"＞＜tr＞＜td＞1行目の1列目＜/td＞＜td＞1行目の2列目＜/td＞＜td＞1行目の3列目＜/td＞＜/tr＞
＜tr＞＜td＞2行目の1列目＜/td＞＜td＞2行目の2列目＜/td＞＜td＞2行目の3列目＜/td＞＜/tr＞＜/table＞"と書くと
↓

1行目の1列目	1行目の2列目	1行目の3列目
2行目の1列目	2行目の2列目このセルを下または右のセルと結合したい	2行目の3列目

表示させないメモなどは、＜!--ここに書いて--＞
表示させない、かつ表示させない記述の部分がこの範囲にあることを示す：　
複数行　　~~*/ /*~~　
見つけた！＜/td＞＜td＞で表示を消せる。ただし、次の行から最後行までが。

一行　　　/ /
~~ともに~~　/ /の間に書かれたことが表示されずに、
~~「*/ /*　」、~~「　/ /」だけが（中抜きで）表示される。

▼スペースのコントロールには、一文字分のスペースに、「＆ｎｂｓｐ；」

<>/body
<>/html

*//
出典：有難う、楽天　ＨＴＭＬタグについて

参考：有難う、日経BP「いまさら聞けないHTML」　HTMLの基本的なタグ

参考：有難う、はてな検索: style.css CSS Style - ホームページ制作に役立つ　スタイルシート基礎知識
　CSSホームページレイアウト術

とても親切で分かりやすくお役立ちのサイト。ありがとう


「ブログでもだいたい使えるHTMLタグリファレンス」	;	;	'06/5/14
;	「 - 文章の行間隔を指定する」	＜タグ名 style="line-height:行の高さ"＞行の高さを指定する文章＜/タグ名＞	'06/5/14