誰でもわかる超簡単HTMLヤフーオークションでHTMLの文章が使えると、文字のサイズを変えたり、色をつけたり、リンクを貼ったりとワンランク上の使い方ができます。 HTMLで文章を書くのは超簡単 HTMLはプログラム言語ではなく、単なる約束事ですから、覚え方を間違えなければものすごく簡単です。
HTMLが難しいと思っている人は、多分人が書いたHTMLを目にしているからだと思います。
HTMLで書かれた文章を読んで理解していくのはかなり難しいのですが、自分で作るのは思っているよりもうんと簡単です。一度トライしてみてください。 HTMLでの文章の書き方
HTMLで文章を書くときの一番のノウハウは、最初からタグを含めた文章で書こうとしないことです。
ワープロソフトで文章を書くときは、まずとにかく文章を書いていくと思います。 その後で強調したいところを太字にしたり、色を変えたり、背景にマーカーをつけたりし、更に要所要所にイラストとか写真を入れていると思います。 手書きでHTMLの文章を作る時もこれとまったく同じです。 まず文章を書いてしまいます。 その文章に『ここからここまでは太字』とか『ここからここまでは文字の色を赤』とか命令を追加してやればいいのです。 この命令を『タグ』と呼ぶのですが、日本語ではなく英語の略語になっているため、少しわかりづらいだけです。 もしタグに日本語が使えたら
こんな文章があったとします。
普通の文章例
テレビも映画も音楽もワンタッチですばやく楽しめる。
AV感覚で気軽に使えるマルチAVノート誕生。
日本語タグで『テレビも映画も音楽もワンタッチ』の部分を太字にし、『楽しめる。』の後ろで改行してみます。
日本語タグの文章例-その1
<ここから太字>テレビも映画も音楽もワンタッチ<ここまで太字>ですばやく楽しめる。<ここで改行>
AV感覚で気軽に使えるマルチAVノート誕生。
次に日本語タグで『マルチAVノート』の文字を赤くしてみます。
日本語タグの文章例-その2
<ここから太字>テレビも映画も音楽もワンタッチ<ここまで太字>ですばやく楽しめる。<ここで改行>
AV感覚で気軽に使える<ここから文字の色は赤>マルチAVノート<ここまで文字の色は赤>誕生。
もしタグに日本語が使えるならこれだけでHTMLの文章になり、下のような表示になっているはずです。
HTMLの表示例
テレビも映画も音楽もワンタッチですばやく楽しめる。 AV感覚で気軽に使えるマルチAVノート誕生。 正規のHTMLに変更する
上の文章を英語の略語に置き換えれば、これだけで正式のHTML文章になります。
英語略語への置き換え方
英語略語への置き換え結果
<B>テレビも映画も音楽もワンタッチ</B>ですばやく楽しめる。<BR>
AV感覚で気軽に使える<FONT color="red">マルチAVノート</FONT>誕生。
これだけでHTMLの文章の完成ですが、
最後に、一つ大事なことがあります。
タグの中の命令文が表示されたら邪魔ですから、命令文は表示されないようにルールを 作ってしまうのです。 ルールを作るといっても自分で作る必要はありません。 『< >内の文字は画面に表示しない』というルールが既に作られていますから、 そのルールに則り文章を書いていると宣言すればいいのです。 宣言するために、一番最初に<HTML>、一番最後に</HTML>と記入します。 最終的なHTMLの文章
全てを含めた最終的なHTMLの文章は次のようになります。
<HTML><B>テレビも映画も音楽もワンタッチ</B>ですばやく楽しめる。<BR>
AV感覚で気軽に使える<FONT color="red">マルチAVノート</FONT>誕生。
</HTML>
HTMLの注意点
タグの書き方にはかなり融通性があります。大文字小文字の区別はありません。
こんなのでもOKです。
<html><b>テレビも映画も音楽もワンタッチ</B>ですばやく楽しめる。<BR> AV感覚で気軽に使える<Font color="red">マルチAVノート</FONT>誕生。 </HTML> こんなのでも問題ありません。
<hTml><B>テレビも映画も音楽もワンタッチ</B>ですばやく楽しめる。<Br> AV感覚で気軽に使える<font color="red">マルチAVノート</font>誕生。 </HtmL> 記入する場所もそれほど制約はありません。下のような書き方でもOKです。
<HTML>
<B>テレビも映画も音楽もワンタッチ</B>ですばやく楽しめる。 <BR>AV感覚で気軽に使える<FONT color="red">マルチAVノート</FONT>誕生。 </HTML>
<HTML>
<B>テレビも映画も音楽もワンタッチ</B>ですばやく楽しめる。<BR> AV感覚で気軽に使える<FONT color="red">マルチAVノート</FONT>誕生。 </HTML> HTMLでやってはいけない事
もう少し詳しく知りたい人は私のホームページのこちらを参照してください。 超簡単ホームページ作り入門 | ||||||||||||||
