|
タグの勉強 基本１ 最初にこれは俺の独学なので間違っているかもしれないよ それをふまえて覚えてくだされ ★基本★ まず、タグは半角英数で書く 小文字でも大文字でもよいが統一した方がよい 基本的に＜タグ＞〜＜／タグ＞という形式で書く そして書き方は以下の通り ＜ｈｔｍｌ＞ ＜ｈｅａｄ＞ ＜ｔｉｔｌｅ＞〜１〜＜／ｔｉｔｌｅ＞ ＜／ｈｅａｄ＞ ＜ｂｏｄｙ＞〜２〜＜／ｂｏｄｙ＞ ＜／ｈｔｍｌ＞〜１〜の部分にはタイトル名を記入 〜２〜の部分がファイルを開いたときに画面に表示される部分 この部分に本文を書く しかしこの通り書かないで〜２〜の部分だけ書いても表示はされる ★改行★ 改行は文を＜ｐ＞〜＜／ｐ＞で囲むか、 もしくは文の最後に＜ｂｒ＞を書き加えるとよい ★文字の大きさ★ 大きさを変えるには＜ｈ１＞〜＜／ｈ１＞で囲むと 文字となるただしこの場合は改行される 数字を大きくすると文字は小さくなる また＜ｆｏｎｔ ｓｉｚｅ＝”１”＞〜＜／ｆｏｎｔ＞で囲むと文字になる この場合は改行されない 数字を大きくすると文字も大きくなる ★文字の装飾★ ＜ｆｏｎｔ ｃｏｌｏｒ＝”＃００００００”＞〜＜／ｆｏｎｔ＞で囲むと文字の色が変わる 文字装飾 ＃００００００は色コード１６進数で入力 ＃３ｆ７ｆ８ｄ など 色コードの部分はｂｌａｃｋ ｒｅｄ ｂｌｕｅ などでもよい ＜ｂ＞〜＜／ｂ＞で囲むと文字が太文字になる 文字装飾 ＜ｉ＞〜＜／ｉ＞で囲むと文字が斜体になる 文字装飾 ＜ｕ＞〜＜／ｕ＞で囲むと文字にアンダーラインがはいる 文字装飾 ＜ｓ＞〜＜／ｓ＞で囲むと文字の真ん中に修正ラインがはいる ★画像の挿入★ ＜ｉｍｇ ｓｒｃ＝”ｋａｂｅ．ｇｉｆ”＞として同じファイル名の画像を指定した層に置くと画像が現れる ★リンク★ ＜ａ ｈｒｅｆ＝”ｉｎｄｅｘ．ｈｔｍｌ”＞〜＜／ａ＞で囲むと指定したファイルに移動する リンク ★文の編集★ ＜ｃｅｎｔｅｒ＞〜＜／ｃｅｎｔｅｒ＞で囲むと囲まれた部分が中央に編集される ＜ｈｒ＞を挿入するとバーが現れる ★テーブル★ ＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”１”＞＜ｔｒ＞＜ｔｄ＞〜＜／ｔｄ＞＜／ｔｒ＞＜／ｔａｂｌｅ＞で囲むと枠が現れる
＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”１”＞ ＜ｔｒ＞ ＜ｔｄ＞00＜／ｔｄ＞＜ｔｄ＞01＜／ｔｄ＞＜ｔｄ＞02＜／ｔｄ＞ ＜／ｔｒ＞ ＜ｔｒ＞ ＜ｔｄ＞10＜／ｔｄ＞＜ｔｄ＞11＜／ｔｄ＞＜ｔｄ＞12＜／ｔｄ＞ ＜／ｔｒ＞ ＜ｔｒ＞ ＜ｔｄ＞20＜／ｔｄ＞＜ｔｄ＞21＜／ｔｄ＞＜ｔｄ＞22＜／ｔｄ＞ ＜／ｔｒ＞ ＜／ｔａｂｌｅ＞
|
|
基本２ ★フォント★ ＜ｆｏｎｔ ｆａｃｅ＝”ＭＳ Ｐゴシック，Ｏｓａｋａ”＞〜＜／ｆｏｎｔ＞ で囲まれた部分の書体が指定したものに変わる 主なフォントを上げると ふぉんと・・・・・ＭＳ Ｐゴシック, Osaka ふぉんと・・・・・ＭＳ Ｐ明朝, 細明朝体 FONT・・・・・Arial, Helvetica, sans-serif FONT・・・・・Times New Roman, Times, serif FONT・・・・・Verdana, Arial, Helvetica, sans-serif FONT・・・・・Courier New, Courier, mono 以上の他にも沢山あるが ネット上で使えるものは限られているのでそれについては各自調べてください ★＜ｂｏｄｙ＞★ ＜ｂｏｄｙ＞は初期設定がいろいろできる ＜ｂｏｄｙ ｂａｃｋｇｒｏｕｎｄ＝”ｋａｂｅ．ｇｉｆ” ｌｉｎｋ＝”Ｔｅａｌ” ｖｌｉｎｋ＝”Ｏｌｉｖｅ” ａｌｉｎｋ＝”Ｈｏｔｐｉｎｋ”＞ とすると壁紙が kabe.gif リンクの色が Ｔｅａｌ 訪問済みのリンクが Ｏｌｉｖｅ アクティブなリンクが ｈｏｔｐｉｎｋ となる 色の指定は＃７８０９７８などでもよい その他にも ＜ｂｏｄｙ ｂｇｃｏｌｏｒ＝”＃ＤＤＦ９Ｂ８” ｔｅｘｔ＝”＃ＥＥＣＣ００”＞ とすると背景の色が ＃ＤＤＦ９Ｂ８ テキストの色が ＃ＥＥＣＣ００ となる 色の指定は ｂｌａｃｋ ｇｒｅｅｎ などでもよい ★文の編集★ 基本１で＜ｃｅｎｔｅｒ＞〜＜／ｃｅｎｔｅｒ＞で囲まれた部分が中央に移動するコトをやりました 今回は左寄りと左寄りも出来る違った書き方です ＜ｐ ａｌｉｇｎ＝”ｃｅｎｔｅｒ”＞〜＜／ｐ＞で囲むと中央 中央 ＜ｐ ａｌｉｇｎ＝”ｌｅｆｔ”＞〜＜／ｐ＞で囲むと左寄り左寄り ＜ｐ ａｌｉｇｎ＝”ｒｉｇｈｔ”＞〜＜／ｐ＞で囲むと右寄り右寄り ★アクション★ ＜ｍａｒｑｕｅｅ＞〜＜／ｍａｒｑｕｅｅ＞で囲むと左から右へ囲まれた部分が動きます ＜ｍａｒｑｕｅｅ＞動く＜／ｍａｒｑｕｅｅ＞だと スピードを変化させるには ＜ｍａｒｑｕｅｅ ｓｃｒｏｌｌａｍｏｕｎｔ＝１０＞＜／ｍａｒｑｕｅｅ＞で囲むと 数字を大きくすると早くなる 壁に反射させるには ＜ｍａｒｑｕｅｅ ｂｅｈａｖｉｏｒ＝”ａｌｔｅｒｎａｔｅ” ｓｃｒｏｌｌａｍｏｕｎｔ＝１０＞ 〜＜／ｍａｒｑｕｅｅ＞で囲むと 以上です 疲れた また時間があればやります |
|
基本３ ★リンク★ ＜ａ ｈｒｅｆ＝”＃ｎａｍｅ１”＞〜＜／ａ＞と ＜ａ ｎａｍｅ＝”ｎａｍｅ１”＞のタグを使って 同じページ内をリンクできる ＜ａ ｈｒｅｆ＝”＃ｈｉｋｏｎ１”＞基本１＜／ａ＞ とすると 基本１ から ＜ａ ｎａｍｅ＝”ｋｉｈｏｎ１”＞の置いてある 基本１にリンクすることができる ★音楽★ 以下のタグを挿入し音楽のファイルを指定の層に置くと音楽を再生できる ＜ｂｇｓｏｕｎｄ ｓｒｃ＝”ｔｏｎｅ．ｍｉｄ”＞ とするとｔｏｎｅ．ｍｉｄを再生できるようになる ＜ｂｇｓｏｕｎｄ ｓｒｃ＝”ｔｏｎｅ．ｍｉｄ” ｌｏｏｐ＝”−１”＞ とするとｔｏｎｅ．ｍｉｄを連続再生できるようになる ★＜ｔａｂｌｅ＞★ ＜ｔａｂｌｅ＞の設定 ＜ｔａｂｌｅ＞だけの時 背景は下地の背景で枠なし ＜ｔａｂｌｅ ｂｇｃｏｌｏｒ＝”＃００８８６６” ｗｉｄｔｈ＝”２００” ｈｅｉｇｈｔ＝”１００ ｂｏｒｄｅｒ＝”２”＞ ＜ｔｒ＞＜ｔｄ＞ テーブルの設定 ＜／ｔｄ＞＜ｔｒ＞ ＜／ｔａｌｂｅ＞ とすると
の様になる ｂｇｃｏｌｏｒ・・・背景の色 ｗｉｄｔｈ・・・横幅（４０％などでもよい） ｈｅｉｇｈｔ・・・縦幅（６０％などでもよい） ｂｏｒｄｅｒ・・・枠の淵の幅（０にすると淵が無くなる） ＜ｔａｂｌｅ＞の活用 ＜ｃｅｎｔｅｒ＞を用いて文を中央に移動すると どうしても 中国 アメリカ イギリス オーストラリア の様に端の揃わないモノになってしまう そこで ＜ｃｅｎｔｅｒ＞ ＜ｔａｂｌｅ ｂｏｒｄｅｒ＝”０”＞ ＜ｔｒ＞＜ｔｄ＞ 日本＜ｂｒ＞ 中国＜ｂｒ＞ イギリス＜ｂｒ＞ フランス＜ｂｒ＞ オーストラリア＜ｂｒ＞ ＜／ｔｄ＞＜／ｔｒ＞ ＜／ｔａｂｌｅ＞ ＜／ｃｅｎｔｅｒ＞ とすると
の様に端がそろい綺麗になる また上にある様にｂｏｒｄｅｒ＝０にするか ｂｏｒｄｅｒを記入しないと 枠が見えないのでこの場合は見栄えが良い |