基本の要素：allWebクリエイター塾・XHTML+CSS基礎講習（2009/5/30）No.7
よく使う要素です。丸暗記するのではなく、もとの単語（PはParagraph・段落の意味）を確認しておくとHTMLの書き方も覚えやすくなります。
Posted by yuppi : 2009年06月11日 | コメント (0) | トラックバック (0)
親要素小要素：allWebクリエイター塾・XHTML+CSS基礎講習（2009/5/30）No.6
XHTMLは入れ子構造になっています。要素に入る要素を子要素といいます。
Posted by yuppi : 2009年06月11日 | コメント (0) | トラックバック (0)
空要素&タグを打つときのお約束：allWebクリエイター塾・XHTML+CSS基礎講習（2009/5/30）No.4
空要素とは？
中身を入れない（入らない？）要素のこと。
空要素の見分け方
Posted by yuppi : 2009年06月02日 | コメント (0) | トラックバック (0)
XHTMLの要素と文法：allWebクリエイター塾・XHTML+CSS基礎講習（2009/5/30）No.3
XHTMLの要素とタグ
テキストに文法的に意味をつけて検索エンジンが見やすくするためにつけるしるしのようなものを要素といいます。たとえば
＜ｐ＞テキストに文法的に意味をつけて検索エンジンが見やすくするためにつけるしるしのようなものを要素といいます。＜/p＞→pという段落をあらわすしるしを付けることにより、これは段落だということを検索エンジンに知らせます。
＜h1＞XHTMLの要素と文法＜/h1＞→これは大見出しだよ、とわからせるh1という要素をつけました。
Posted by yuppi : 2009年06月02日 | コメント (0) | トラックバック (0)
XHTMLとWEB標準：allWebクリエイター塾・XHTML+CSS基礎講習（2009/5/30）No.2
XHTMLの特徴
- もとの言語はXML。XMLとはこんなの
- 表現、つまり色や文字の大きさなどのデザインは指定できない（表現はCSSで指定）
Posted by yuppi : 2009年06月02日 | コメント (0) | トラックバック (0)
デモ４
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>SONY DSC-T700をモニター使用した体験記</title>
<link rel="home" href="http://www.aaa.bbb/" title="" />
<link rel="contents" href="http://www.aaa.bbb/" title="" />
<link rel="start" href="http://www.aaa.bbb/" title="" />
<link rev="made" href="mailto:mailaddress" />
<link rel="stylesheet" href="<$MTBlogURL$>styles.css" type="text/css" />
</head>
<h1>SONY DSC-T700 体験記</h1>
<h2>SONY DSC-T700をモニター使用した体験記</h2>
<ul>
<li>デモメニュー１</li>
<li>デモメニュー２</li>
<li>デモメニュー３</li>
<li>デモメニュー４</li>
<li>デモメニュー５</li>
</ul>
<h3>SONY DSC-T700とは？</h3>
<blockquote><p>光学式手ブレ補正搭載、高精細大画面液晶、約４GBの内蔵メモリーを持つ、SONYのデジタルスチルカメラです。</p></blockquote>
<cite><p>SonyStyle</p></cite>
<h3>体験！SONY DSC-T700</h3>
SONY DSC-T700を実際に使ってみた感想をまとめてみました。
<h4>SONY ITエンターティメントセミナーのご案内</h4>
<p>ソニー商品ご購入者向けに、基本操作の説明はもちろん、“楽しい使い方”のご案内など、丁寧に説明する無料レッスンです。あなたもSONY ITエンターティメントセミナーを体験してみませんか？</p>
<dl>
<dt>会場１</dt>
<dd>ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</dd>
<dt>会場２</dt>
<dd>ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</dd>
<dt>講座３</dt>
<dd>ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</dd>
</dl>
<h4>SONY製品をオフィシャルショップで買おう！</h4>
<p>あなたのソニースタイルで限定商品を手に入れてみませんか？</p>
<p>ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</p>
</body>
</html>
Posted by yuppi : 2008年09月06日 | コメント (0) | トラックバック (0)
デモ３
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>SONY DSC-T700をモニター使用した体験記</title>
<link rel="home" href="http://www.aaa.bbb/" title="" />
<link rel="contents" href="http://www.aaa.bbb/" title="" />
<link rel="start" href="http://www.aaa.bbb/" title="" />
<link rev="made" href="mailto:mailaddress" />
<link rel="stylesheet" href="common.css" type="text/css" />
</head>
<h1>SONY DSC-T700 体験記</h1>
<h2>SONY DSC-T700をモニター使用した体験記</h2>
<ul>
<li>デモメニュー１</li>
<li>デモメニュー２</li>
<li>デモメニュー３</li>
<li>デモメニュー４</li>
<li>デモメニュー５</li>
</ul>
<h3>SONY DSC-T700とは？</h3>
<blockquote><p>光学式手ブレ補正搭載、高精細大画面液晶、約４GBの内蔵メモリーを持つ、SONYのデジタルスチルカメラです。</p></blockquote>
<cite><p>SonyStyle</p></cite>
<h3>体験！SONY DSC-T700</h3>
SONY DSC-T700を実際に使ってみた感想をまとめてみました。
<h4>SONY ITエンターティメントセミナーのご案内</h4>
<p>ソニー商品ご購入者向けに、基本操作の説明はもちろん、“楽しい使い方”のご案内など、丁寧に説明する無料レッスンです。あなたもSONY ITエンターティメントセミナーを体験してみませんか？</p>
<dl>
<dt>会場１</dt>
<dd>ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</dd>
<dt>会場２</dt>
<dd>ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</dd>
<dt>講座３</dt>
<dd>ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</dd>
</dl>
<h4>SONY製品をオフィシャルショップで買おう！</h4>
<p>あなたのソニースタイルで限定商品を手に入れてみませんか？</p>
<p>ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト</p>
</body>
</html>
Posted by yuppi : 2008年09月06日 | コメント (0) | トラックバック (0)
デモ２
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>SONY DSC-T700をモニター使用した体験記</title>
<link rel="home" href="http://www.aaa.bbb/" title="" />
<link rel="contents" href="http://www.aaa.bbb/" title="" />
<link rel="start" href="http://www.aaa.bbb/" title="" />
<link rev="made" href="mailto:mailaddress" />
<link rel="stylesheet" href="common.css" type="text/css" />
</head>
<body>
SONY DSC-T700 体験記
SONY DSC-T700をモニター使用した体験記
デモメニュー１
デモメニュー２
デモメニュー３
デモメニュー４
デモメニュー５
SONY DSC-T700とは？
デモメニュー１
光学式手ブレ補正搭載、高精細大画面液晶、約４GBの内蔵メモリーを持つ、SONYのデジタルスチルカメラです。
SONY DSC-T700を実際に使ってみた感想をまとめてみました。
SONY ITエンターティメントセミナーのご案内
ソニー商品ご購入者向けに、基本操作の説明はもちろん、“楽しい使い方”のご案内など、丁寧に説明する無料レッスンです。あなたもSONY ITエンターティメントセミナーを体験してみませんか？
SONY製品をオフィシャルショップで買おう！
あなたのソニースタイルで限定商品を手に入れてみませんか？
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
</body>
</html>
Posted by yuppi : 2008年09月06日 | コメント (0) | トラックバック (0)
デモ１
SONY DSC-T700 体験記
SONY DSC-T700をモニター使用した体験記
デモメニュー１
デモメニュー２
デモメニュー３
デモメニュー４
デモメニュー５
SONY DSC-T700とは？
デモメニュー１
光学式手ブレ補正搭載、高精細大画面液晶、約４GBの内蔵メモリーを持つ、SONYのデジタルスチルカメラです。
SONY DSC-T700を実際に使ってみた感想をまとめてみました。
SONY ITエンターティメントセミナーのご案内
ソニー商品ご購入者向けに、基本操作の説明はもちろん、“楽しい使い方”のご案内など、丁寧に説明する無料レッスンです。あなたもSONY ITエンターティメントセミナーを体験してみませんか？
SONY製品をオフィシャルショップで買おう！
あなたのソニースタイルで限定商品を手に入れてみませんか？
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト
Posted by yuppi : 2008年09月05日 | コメント (0) | トラックバック (0)