本日より具体的に勉強がスタート。とりあえずは、教えていただいたブログ、とほほのWWW入門から、ホームページ入門をやってみることに。
会社で勉強をスタートするのに先駆けて、多少は自分で予習していたところだったので、全く分からないという訳では無かった。メモ帳に実際入力して、何をすればどうなるのか？というのを確認しながら打っていきました。
やってる時は「ふむふむ、なるほど。」となるんですが
例えば <a href= とか、<img src="xxx..拡張子" width=x height=y alt="○○">
のような 構文みたなものを学生時代に英単語や熟語を記憶したみたいに覚えていかないといけないのかと思うと、数もかなりありそうなのでちょっと不安ではあります。
とりあえず、まだ数がたくさん出てきてるわけではないので、覚える気でやったほうがいいかなーとは思っていますが。
本日の学習内容を復習
ホームページのひながた
<html> Hyper - Text Markup Language
<head> ヘッダ部
<title>タイトル名</title> タイトル
</head>
<body> 本文
～内容～
</body>
</html>
改行 <br> breakの略
太字 <b> ～ </b> boldの略
イタリック体 <i> ～ </i>
カラー（例えば赤字） <font color=red> ～ </font>
文字の大きさ <font size=X> ～ </font>
<font size"+X"> ～ </font> 現在より、+Xレベル分大きくなる。
フォント変更 <font face=....> ～ </font>
章や段落 <h1> ～ </h1>で囲まれた部分が章の表題。
数字は表題のレベルで１～６まで指定できる。
<p> ～ </p> 各段落の始まりを表す。</p>は省略可能だがしないほうがいい。
リスト書き <ul> ～ </ul> <ol> ～ </ol>
他サイトヘのリンク <a href="http://www.yahoo.co.jp/">Yahoo!</a>
自サイトのリンクの場合、http://～を省略できる。
ページ内特定の場所へジャンプ
まず、ジャンプ先の箇所に <a name="名前"> ～ </a> で名前をつけておく。
<a href="#名前"> ～ </a> のリンクをクリック。
別ウインドウで表示 target 属性を指定。
<a target="_blank" href="http://www.yahoo.co.jp/">Yahoo!</a>
画像の貼り付け <img src="画像名.拡張子" width=X height=Y alt="文字">
widthとheightは画像サイズ、altには画像表示できないブラウザで代わりに表示させる文字を指定。 widthとheightは省略可能だが、指定したほうが表示速度が少し速い。
画像をリンクボタンに <a href="XX.html"><img
src="xx.gif" border=0 height=X width=Y alt="説明">
</a>
本日はここまで。
0 件のコメント:
コメントを投稿