このページの短縮URL(リンク用) 第02章:XHTMLの基礎 – オンライン無料パソコン講座 | PCセミナー

第02章:XHTMLの基礎

「第02章:XHTMLの基礎」の学習内容です。

§02-01…ページ作成の基本

(01) 先ほどはテキストエディターにいきなり文章を書き込みましたが、これはWebページ作成の正しい方法ではありません。XHTMLを利用してWebページを入力する際には、本文の前後に以下のようなテキストを入力しておく必要...

§02-02…段落の操作<p>タグ

(01) 「はじめまして」という文章が入力されたWebページを作成します。新規テキストファイルを作成してください。次に基本内容(「temp01.htm」に入力した文章)をコピーしたあと、「本文入力個所」を「はじめまして」...

§02-03…ページタイトルの指定<title>

(01) 「re01.htm」を編集します。<title>タグで囲まれた文章を以下のように「はじめてのホームページ」に変更してください。 <?xml version="1.0" encoding="Sh...

§02-04…文法のチェック

(01) 作成したXHTMLの文法・使用法が適切であるかを確かめます。 「Another HTML-lint 5」のページを開いてください。 URLは「http://www.htmllint.net/」です。この中の下部...

§02-05…段落の追加

(01) 1行改行して「こんにちは」とするつもりです。「re01.htm」のbody部を以下のように変更してください。 <body> <p>はじめまして こんにちは</p> </...

§02-06…空白の扱い

(01) 以下のように段落を追加してください。なお、「徳川」と「家康」の間に半角のスペースを10個入力してください。 <body> <p>はじめまして</p> <p>こんに...

§02-07…見出しの作成<h>

(01) ページ内の先頭に、見出し「自己紹介」を作成します。「re01.htm」を以下のように変更してください。 <body> <p>自己紹介</p> <p>はじめまして&...