2012年6月25日 (月) 05:49 における Admin による編集

2012-06-25T05:49:18Z

←前の版		2012年6月25日 (月) 05:49時点における版
4 行:		4 行:
	== 概要 ==		== 概要 ==

-	~~Web~~ サーバにあるファイル（これをhtmlファイルという）は、クライアントと呼ぶパソコン（多分あなたのパソコンもそう）から、ブラウザと呼ぶソフトを使って見ることができます。	+	Web サーバにあるファイル（これをhtmlファイルという）は、クライアントと呼ぶパソコン（多分あなたのパソコンもそう）から、ブラウザと呼ぶソフトを使って見ることができます。

-	~~ブラウザというのは~~ Internet Explorer ~~や　Safari や　Google~~ Chrome などのソフトのことです。	+	ブラウザというのは Internet Explorer や Safari や Google Chrome などのソフトのことです。

-	htmlファイルというのは基本的にはテキストファイルです。すなわちメモ帳やnotpadなどのテキストエディターで編集できる簡単な形式のファイルです。テキストファイルでは文字の大きさもすべて同じであるし、太い文字、カラーのついた文字などを表現できません。しかしWebページでは豊富なデザインがさっれていて、それらの表現も必要になります。Webページのためのデザインを指定するのがｈｔｍｌタグと呼ばれるものです。それらは基本的には <...> のようにかぎ括弧で囲んだ文字列です。多くの場合、<...>と</...>がペアになっています。それは一つのブロックです。それらはブラウザに対する命令でブロックの中のみで有効です。ブラウザがタグをそのまま画面に表示することはありません。	+	htmlファイルというのは基本的にはテキストファイルです。すなわちメモ帳やnotpadなどのテキストエディターで編集できる簡単な形式のファイルです。テキストファイルでは文字の大きさもすべて同じであるし、太い文字、カラーのついた文字などを表現できません。しかしWebページでは豊富なデザインがさっれていて、それらの表現も必要になります。Webページのためのデザインを指定するのがhtmlタグと呼ばれるものです。それらは基本的には <...> のようにかぎ括弧で囲んだ文字列です。多くの場合、<...>と</...>がペアになっています。それは一つのブロックです。それらはブラウザに対する命令でブロックの中のみで有効です。ブラウザがタグをそのまま画面に表示することはありません。

-	~~ｈｔｍｌタグについては次のページを参照してください。なおｈｔｍｌというのは　HyperText?~~ Markup ~~Language　の略です。そしてｈｔｍｌのファイルは~~ *.html または *.htm ~~という名前を付けます。歴史的にはパソコン系では拡張子が３文字なので~~.htmが使われ、UNIXの動くワークステーション系では .html が使われてきました。	+	htmlタグについては次のページを参照してください。なおhtmlというのは Hyper Text Markup Language の略です。そしてhtmlのファイルは *.html または *.htm という名前を付けます。歴史的にはパソコン系では拡張子が3文字なので.htmが使われ、UNIXの動くワークステーション系では .html が使われてきました。

-	~~HyperText~~ Markup ~~Language(Wikipedia)~~	+	* [[wikipedia_ja:HyperText_Markup_Language\|Hyper Text Markup Language（Wikipedia）]]

-	~~上の資料にはｈｔｍｌの概略が述べられていますが、具体的な書き方については~~	+	上の資料にはhtmlの概略が述べられていますが、具体的な書き方については

-	http://www.htmq.com/	+	* http://www.htmq.com/

-	~~を参考にするといいでしょう。~~	+	を参考にするといいでしょう。

	== 練習 ==		== 練習 ==

-	~~Rat~~ Cat Dog という文字列を３行で順に大きな文字で表示するｈｔｍｌファイルを作り、ブラウザで表示しなさい（ブラウザには直接ローカルなｈｔｍｌファイルを表示させる機能があります。Internet　Explorer　ではファイルメニューで開くを選択すればいいのです)~~。　このｈｔｍｌファイルの内容は~~	+	Rat Cat Dog という文字列を３行で順に大きな文字で表示するhtmlファイルを作り、ブラウザで表示しなさい（ブラウザには直接ローカルなhtmlファイルを表示させる機能があります。Internet Explorer ではファイルメニューで開くを選択すればいいのです)。このhtmlファイルの内容は

		+	<pre>
	<html>		<html>
	<body>		<body>
29 行:		30 行:
	</body>		</body>
	</html>		</html>
		+	</pre>

	です。		です。
-
-	* [[wikipedia_ja:ウェブブラウザ\|ウェブブラウザ（Wikipedia）]]

	== CAIテスト ==		== CAIテスト ==

	* [[cai_ja:COMHOC00010002\|CAIテストのページへ]]		* [[cai_ja:COMHOC00010002\|CAIテストのページへ]]

Admin: ページの作成: ホームページ作成とアップロード＞ HTMLタグその1 == 概要 == Web サーバにある…

2012-06-25T03:51:32Z

ページの作成: ホームページ作成とアップロード＞ HTMLタグその1 == 概要 == Web サーバにある…

新規ページ

[[ホームページ作成とアップロード]]
＞ [[ホームページ作成とアップロード/HTMLタグその1|HTMLタグその1]]

== 概要 ==

Web サーバにあるファイル（これをhtmlファイルという）は、クライアントと呼ぶパソコン（多分あなたのパソコンもそう）から、ブラウザと呼ぶソフトを使って見ることができます。

ブラウザというのは Internet Explorer や　Safari や　Google Chrome などのソフトのことです。

htmlファイルというのは基本的にはテキストファイルです。すなわちメモ帳やnotpadなどのテキストエディターで編集できる簡単な形式のファイルです。テキストファイルでは文字の大きさもすべて同じであるし、太い文字、カラーのついた文字などを表現できません。しかしWebページでは豊富なデザインがさっれていて、それらの表現も必要になります。Webページのためのデザインを指定するのがｈｔｍｌタグと呼ばれるものです。それらは基本的には <...> のようにかぎ括弧で囲んだ文字列です。多くの場合、<...>と</...>がペアになっています。それは一つのブロックです。それらはブラウザに対する命令でブロックの中のみで有効です。ブラウザがタグをそのまま画面に表示することはありません。

ｈｔｍｌタグについては次のページを参照してください。なおｈｔｍｌというのは　HyperText? Markup Language　の略です。そしてｈｔｍｌのファイルは ***.html または ***.htm という名前を付けます。歴史的にはパソコン系では拡張子が３文字なので.htmが使われ、UNIXの動くワークステーション系では .html が使われてきました。

HyperText Markup Language(Wikipedia)

上の資料にはｈｔｍｌの概略が述べられていますが、具体的な書き方については

http://www.htmq.com/

を参考にするといいでしょう。

== 練習 ==

Rat Cat Dog という文字列を３行で順に大きな文字で表示するｈｔｍｌファイルを作り、ブラウザで表示しなさい（ブラウザには直接ローカルなｈｔｍｌファイルを表示させる機能があります。Internet　Explorer　ではファイルメニューで開くを選択すればいいのです)。　このｈｔｍｌファイルの内容は

<html>
<body>
<h3>Rat <h2>Cat<h1>Dog
</body>
</html>

です。

* [[wikipedia_ja:ウェブブラウザ|ウェブブラウザ（Wikipedia）]]

== CAIテスト ==

* [[cai_ja:COMHOC00010002|CAIテストのページへ]]

ホームページ作成とアップロード/HTMLタグその1 - 変更履歴

2012年6月25日 (月) 05:49 における Admin による編集

Admin: ページの作成: ホームページ作成とアップロード ＞ HTMLタグその1 == 概要 == Web サーバにある…

Admin: ページの作成: ホームページ作成とアップロード＞ HTMLタグその1 == 概要 == Web サーバにある…