GT-ONE 楽天タグ講座 パイプ奮闘記

Freepage List

【写真集】


■ 玄関 ■ 


■プチ講座MENU


【日記の雛形・罫線】


【もう一つのプロフィール】


■【おもしろタグ教室MENU】


バナーって何!


プレート教室VOL.1


プレート教室VOL.2


アニメGIF製作VOL.3


画像


アップロードとは  


アイコンの使い方!


壁紙の使い方!


【バナー&プレート置き場】


.    


.      


.    


  


.


【壁紙チェンジャー】


【リンク集】


   


.   


     


.         


【キリ番】


   


  


   


  


  


  


  


  


  


 


  


  


  


マーキー


グラデーションフォント 


色々なスクロール1


色々なスクロール2


色んなスクロール3


  


   


【カラーサンプル】カラーコード表


【カラーサンプル】カラーネーム表


(*mm)   


!  


スクロールを消す


  


  


TABLEでページ一覧を隠す


.


φ(..)


.


スイッチで表示


【日記リンクの皆様】 


( ̄‥ ̄)=3 フン


      


 


           


■【HPの飾り付け教室MENU】


   


TABLEで整理整頓  


アニメGIFって何!


      


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


 


【飾付VOL10】


test


雛形1


Rum Rose


remon


【My PIPE Collection】


【マイ パイプ コレクション001~010】


【マイ パイプ コレクション011~020】


【マイ パイプ コレクション021~030】


【マイパイプ コレクション #31~#40】


レストアの仕方


2003/04/13
XML
カテゴリ:カテゴリ未分類
■【初心者のためのプチ講座 VOL.6】

  今回は、メモ帖を使いまして、HTMLのタグを
  自分のPCのブラウザに表示してみましょう。
  ページの編集やHTMLのタグの勉強にもってこいだと思います。

  まずは、メモ帖を出してみましょう。
  もしかして・・・!もしかしてですよ。メモ帖をご存じない方のためにメモ帖の出しかたから。(*^_^*)
  「スタート」から「プログラム」そして「アクセサリ」でメモ帖を開けます。
  メモ帖は簡単に言いますと、テキストを編集するエリアです。
  出ましたでしょうか?

  ↓下にメモ帖を作って見ました。メモ帖にですね、このようにHTMLのタグを書いてください。
  
  

 メモ帖
 ファイル 編集 表示 お気に入り ツール ヘルプ

<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>


</BODY>
</HTML>




  これは、HTMLをブラウザに表示するための記号だと思ってください。
  このとき気をつけるのは、HTMLのタグは半角英数字でないと駄目だという事です。
  大文字、小文字はといませんが、必ず半角英数字で書きます。

  では、<BODY> から </BODY> の間にテキスト(文字)の場合は、全角で、
  画像などのタグの場合は、半角英数でタグを書き込んで見てください。
  ↓このように!これを丸ごとコピー&ペイストしてもいいですよ。

 メモ帖
 ファイル 編集 表示 お気に入り ツール ヘルプ

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

例えば画像を表示するのタグを使いまして、書いてみます。<BR><BR>
<IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/56.gif" width="400" height="140" alt="ねもりんプレート"><BR><BR>
↑これはねもりんさんから頂いた、プレートです。<BR>
↓こちらはマーキーです。<BR><BR>
<img src=http://plaza.rakuten.co.jp/img/ticker/left.gif ><marquee scrollAmount=2 width=350 height=20><IMG SRC="http://gtone3142.tripod.co.jp/aicnew.gif" BORDER=0><font size=2 color=black>ここにスクロールさせたい文字を書きます。</font></marquee><img src=http://plaza.rakuten.co.jp/img/ticker/right.gif border=0><BR><BR>

    ●このように書いて見てください。●


</BODY>
</HTML>




  書けましたでしょうか。
  では、このメモ帖のHTMLのタグをブラウザとして、保存してみましょう。

  まずは、メモ帖のメニューバーの「ファイル」をクリックしますと、
  「名前を付けて保存」があると思います。
  それをクリックしますと、「名前を付けて保存」のフロートパネルが出てきますね。
  保存したいフォルダを選択します。マイドキュメントとかがいいのではないでしょうか。
  
  一番下に「ファイルの種類(T)」というのがあると思います。
  ▼をクリックして、「すべてのファイル」にしてください。
  次に、その上に「ファイル名(N)」があると思います。
  そこに、ファイルの名前を入れます。これは半角英数字で入れてください。
  例えば、「test.html」と入れて見てください。「.html」はHTMLファイルの拡張子です。
  
  このファイルは、HTMLファイルですよ、という事を表示しています。
  この拡張子をつけないファイルは表示されません。

  画像などのように自動で拡張子が変換されないのです。

  そして「保存」をクリックしますと、指定したフォルダにブラウザのアイコンマークが
  入っていると思います。
  このアイコンをクリックしてみてください。ブラウザは出ましたでしょうか? (*^^)v
  しかし、「インターネット」に繋がってませんと、画像は×マークになってしまいますよ。
  
【ブラウザ画面の編集】  

  このブラウザ画面の内容を編集する事も出来ます。
  まず、ブラウザのメニューバーの「表示」から「ソース(C)」をクリックしますと、
  そのブラウザのHTMLのメモ帖テキストが現れます。
  そのメモ帖のテキストを編集しまして、メモ帖の「ファイル」から「上書き保存」を
  クリックしますと編集できます。
  そして、ブラウザのメニューバーの更新をクリックしますと、編集後の画面に変わります。

  どうですか、お判りになったでしょうか?
  メモ帖を使いまして、自分のページの編集をしまして、それからアップするという事が出来ます。
  また、ページのバックアップを取っておく事も出来ますね。

  ではではがんばってみてください。(*^_^*)
   
 
【おまけ!】(*^_^*)

  ↑上で使っております、「メモ帖」もどきは、
  ボックスのスタイルシートで作っております。
  テーブルで作れば、簡単なんですが、日記のページではそれが使えません。
  どんな風にやっているか、参考のために乗っけておきますね。(*^^)v

    


<DIV style="border-style:ridge;background:white; color:black;width:500px;height:300px;"><DIV style="border-style: none;background:#000099; color:white; width: 500px; height: 8px;"><font size="2"> メモ帖 </font></B><div style="border-style: groove;background:#cccccc; color:black; width: 500px; height: 8px;"><font size="2"> ファイル 編集 表示 お気に入り ツール ヘルプ</font></div>
ここに、文字を書きます。


</DIV>









Last updated  2004/08/13 02:52:52 PM
コメント(7) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
別の画像を表示
上の画像で表示されている数字を入力して下さい。


利用規約に同意してコメントを
※コメントに関するよくある質問は、こちらをご確認ください。


Re:【What’s News VOL.16】(4/13)   ヨタママ さん
日曜なのでさすがに日記のUP早いですね!
うちも日記UPしたけど、センセーの日記で「メモ帳」のタグを載せていただいてるので、追加したくなっちゃいました~!!

日記日記GOGO=ε=ε=(┌^)┘ダッシュ!


(2003/04/13 05:18:27 PM)

Re:【What’s News VOL.16】(4/13)   mottiy-niko さん
♪☆0(^^0)*^^*(0^^)0はろ~~っ☆♪

久しぶりに覗きに来ました^^
いつ来ても GT-oneさんのHPは
初心者の人にもわかりやすい 親切な説明が書かれていますよね!!
凄い・・・・・( -。-) =3 ハァ~もっと早く出逢いたかったわ。。。。。。
そうすれば ニコのHPも もう少しはマシになっていたのにね!後 半月ですが よろしくね。 (2003/04/13 05:36:45 PM)

Re:【What’s News VOL.16】(4/13)   おりーぶママ さん
ふ~~ん。
ふ~~~~~ん。。。。

何度も読んで、覚えています。

ふ~~~~~~~~~ん・・・
( ̄- ̄) (2003/04/13 07:19:28 PM)

Re:【What’s News VOL.16】(4/13)   ねモッチ さん
間もなく1万アクセスです。日ごろありがとう。こんなネモお願いね。 (2003/04/14 03:32:01 AM)

Re:【What’s News VOL.16】(4/13)   tsmy5416 さん
ふむふむ・・なるほど。
そういう使い方があるのですね。 勉強になりました。

 カキコ、ありがとうございました。
 チビがいると、寝静まってからでないと
 ゆっくりPCできないので・・・
 でも、あれからゆっくり?寝ました。
 寝不足は体によくないですからね、美貌にも(^^ゞ。
 お心遣い、ありがとうございましたm(__)m
   (2003/04/14 10:31:06 AM)

Re:【What’s News VOL.16】(4/13)   ねモッチ さん
びっくりした。自分の名前あるから、びっくり。今度100単位で、プレートつくることしました。アクセスUPの為笑なにかやくにたてたら嬉しいので、「もうまじか1万200です。狙ってね。自分のプレート長くあるのが、嬉しいですね。日記読む時人気のGTOさんだから、光栄です。新たな気持ちで、がんばろう。その分日記手抜きなるかもしれない。 (2003/04/15 11:12:18 PM)

Re:【What’s News VOL.16】(4/13)   nonchan403 さん
~~~ヾ ^∇^おぉはよー♪
vvvv(オイオイ)真昼だよ~って言われそうです!

(@@)えっ?あんなに早く寝たんですか?
やっぱり・・シンデレラボ~イなんですね(^∇^)アハハハハ

( ̄O ̄;アッ! シンデレラボ~イって・・一夜にして
幸福になった男だって(o^-^o) ウフッ マジ??マジ??

今~日記に使うHTMLが行き詰まって・・
投げ出してる所です・・もう少し考えてから聞こうかな
じゃ~~??・・いつもの じゃ~~?? (2003/04/17 01:03:40 PM)

PR

Profile


gtone

Calendar


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.