ウェッブページ書法の復習

Download Report

Transcript ウェッブページ書法の復習

ウェッブページ書法の復習
ネットワーク論以前のお話
HTML (HyperText Markup Language)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN"> DOCTYPE 宣言
<HTML lang="ja">
<HEAD>
HEAD
<META http-equiv="content-type" content="text/html;charset=shift_jis">
<TITLE>ウェブページ超基本 </TITLE>
</HEAD>
<BODY>
<H1>ネットワーク論以前の話</H1>
<P>
ウェッブ・デザインの単位は取ってますよね?
</P>
<P>
どこが HTML の話で、どこがネットワーク論の話なのか<BR>
頭の整理をすることが大切!!
</P>
</BODY>
</HTML>
部
BODY 部
本文
HTML 文書
HTML (HyperText Markup Language)
並び順と大体の意味
前置き構造
・・・ 書き方の約束事などをコンピュータに伝える箇所
基本的にブラウザに表出しない
HTMLのバージョン情報 ・・・HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN"> DOCTYPE 宣言
<HTML lang="ja">
このHTMLファイルは日本語ですよ
<HEAD>
<META http-equiv="content-type" content="text/html;charset=shift_jis"> META タグ
<TITLE>ウェブページ超基本 </TITLE>タイトル
</HEAD>
テキスト形式のHTMLですよ
文字コードがシフトJISですよ
<BODY>
<H1>ネットワーク論以前の話</H1>
<P>
ウェッブ・デザインの単位は取ってますよね?
</P>
<P>
どこが HTML の話で、どこがネットワーク論の話なのか<BR>
頭の整理をすることが大切!!
</P>
</BODY>
</HTML>
HTML (HyperText Markup Language)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
<HTML lang="ja">
<HEAD>
<META http-equiv="content-type" content="text/html;charset=shift_jis">
<TITLE>ウェブページ超基本 </TITLE>
</HEAD>
基本構造・・・タグで挟む
<BODY>
<H1>ネットワーク論以前の話</H1>
<H1> ~ </H1> は見出しを意味する
<P> 開始タグ
<P> ~ </P> は段落を意味する
ウェッブ・デザインの単位は取ってますよね?
</P> 終了タグ
改行タグ
<P>
どこが HTML の話で、どこがネットワーク論の話なのか<BR>
頭の整理をすることが大切!!
</P>
</BODY>
</HTML>