2009年07月03日

超図解 HTMLでつくるホームページ入門とは・・・

あなたは、HTMLでホームページを

作成するってことは

なくはないよね?


じつは、

HTMLを学ぶと

ネットのサイトの仕組みが

あ、これはこうなんだってことが

納得できるってことに気が付きました^^

あ、どうして文字の上に斜線が引いてあるとか?

メールのお問い合わせ先とか?

テーブルの表現の仕組みも正直楽しかったですし

リンクの張り方もわかれば、

記事も投稿できますし^^;

この本の作業に10時間以上かけましたが

とても充実した時間に感謝します♪




追伸

ホームページ・ビルダーを使えば

あ、というまにできますから・・・

これは、これでよかったと思います^^;

天使のひとりごと

天使のひとりごと

ではでは







追伸

もうエクスメィアさんは、存在しませんが

こんなよい本を出版していただき感謝します♪

特に、フレームが3つに分解するところ

リンクさせるところ、あとテーブルの設定が

たのしかったです♪

ではでは

資料請求でお小遣いρ( ^o^)b_♪



ラベル:ホームページ
posted by 天使のひとりごと at 18:33| 東京 🌁| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

表のタイトルの設定とは・・・

こんにちは、プリン天使です♪

表のタイトルの設定をします

では、始めますね

<caption>天使のひとりごと</caption>












 





 
天使のひとりごと
日程 スケジュール
1日目【午前】東京→沖縄(飛行機)

【午後】ドライブ 沖縄1周
2日目 【午前】沖縄→東京(飛行機)

【午後】ドライブ 自宅へ戻る



<html>
 <table border>
 <caption>天使のひとりごと</caption>
 <tr>
 <th>日程</th>
 <th>スケジュール</th>
 </tr>
 <tr>
 <td>1日目</td>
 <td>【午前】東京→沖縄(飛行機)<br>
  【午後】ドライブ 沖縄1周 <br>
 </tr>
 <tr>
 <td>2日目</td>
 <td>【午前】沖縄→東京(飛行機)<br>
    【午後】ドライブ 自宅へ戻る</td>
 </tr>
 </table>
</html>

表の上にタイトルを表示するのも簡単ですね^^;

追伸

さらにセルの背景にお色をつけてみますね

bgcolorに属性を入力すると、

行にお色がつきます









 





 
日程 スケジュール
1日目【午前】東京→沖縄(飛行機)

【午後】ドライブ 沖縄1周
2日目 【午前】沖縄→東京(飛行機)

【午後】ドライブ 自宅へ戻る

ラベル:ホームページ
posted by 天使のひとりごと at 10:57| 東京 🌁| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

表の見出しの設定とは・・・

こんにちは、プリン天使です♪

次は、表の見出しの設定をします

では、始めますね

<tr><th>日程</th>スケジュール</th></tr>

見出しとなる2つのセルがある行を作成します

お楽しみに^^









 





日程 スケジュール
1日目【午前】東京→沖縄(飛行機)

【午後】ドライブ 沖縄1周する
2日目 【午前】沖縄→東京(飛行機)

【午後】ドライブ 自宅へ戻る




<html>
<table border>
<tr>
<th>日程</th>
<th>スケジュール</th>
</tr>
<tr>
<td>1日目</td>
 <td>【午前】東京→沖縄(飛行機)<br>
【午後】ドライブ 沖縄1周する</td>
</td>
<tr>
<td>2日目</td>
<td>【午前】沖縄→東京(飛行機)<br>
【午後】ドライブ 自宅へ戻る</td>
</tr>
</table>
<body>
</html>
ラベル:ホームページ
posted by 天使のひとりごと at 08:57| 東京 🌁| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

表の作成とは・・・

こんにちは、プリン天使です♪

今回のテーマは、

表の作成です

では、始めますね^^;

表を作成する時は、<table></table>を利用






 





7月3日(金)【午前】自宅で読書

【午後】図書館へ行く
7月4日(土) 【午前】冷蔵庫、エコ・クーポン受け取り

【午後】映画鑑賞。夕方、散歩



<html>
<table border>
<tr>
<td>7月3日(金)</td>
 <td>【午前】自宅で読書<br>
  【午後】図書館へ行く</td>
</tr>
<tr>
<td>7月4日(土)</td>
<td>【午前】冷蔵庫、エコ・クーポン受け取り<br>
  【午後】映画鑑賞。夕方、散歩<」/td>
</tr>
</table>
</html>
ラベル:ホームページ
posted by 天使のひとりごと at 08:32| 東京 🌁| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

2009年07月02日

ページ間のリンクの設定とは・・・

今晩は、プリン天使です♪

じつは、

わたくし毎日オラクル・カードで

たのしく過ごしています^^

まあ、占いと違いますので

ちょっと不思議なんですけど

天使のお声が天から降ってくる感じかな?


あなたは、天使さんがいるって

信じないことはなくはないよね?

わたくしは、ちょっと困ったら

天使さんのなんでも頼んでますから^^;

今日は、宅急便の件で再配達の紙をなくしたので

セロリ天使さん(守護天使)

どうかうまく連絡がつくように♪

そしたら、お昼にいつもの宅配便の担当の人から

ちゃんと連絡が来て今度の土曜便に再配達に^^

まあ、こんな感じかな?

あなたも試しに何か

あなたの天使さんの頼むといいかも?

あ、また本題にそれましたね


ここからが今回の本題です

「ページ間のリンク設定」をしてみますね^^;

プリン天使の幸せカラーセラピーお試し生活に

リンクが飛ぶようにしますね^^

ではどうぞ♪




天使のひとりごと 応援サイト


リンク先には、プリン天使のカラーセラピーの紹介もあります。



プリン天使の幸せカラーセラピーお試し生活








ラベル:ホームページ
posted by 天使のひとりごと at 21:51| 東京 🌁| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

区切り線の挿入とは・・・

ページに水平の線を引いてみます

では、はじめますね^^

<hr>のタグを使います



天使のひとりごと




プリン天使


フォトリーデイング


読書




追伸

次は、線の太さを変更しましよう♪

これは、<hr size=”10”>


天使のひとりごと




プリン天使


フォトリーデイング


読書




確かに太くなっていますね^^

さらに区切り線の長さの変更をします

ウェブブラウザの50%の長さ

<hr width=”50”>


天使のひとりごと




プリン天使


フォトリーデイング


読書




さらに、区切り線の影なしの設定をします
<hr noshade>


天使のひとりごと




プリン天使


フォトリーデイング


読書




最後に、区切り線の色の変更をします

<hr color=”red”>


天使のひとりごと




プリン天使


フォトリーデイング


読書




プリン天使です、

無事赤く表示されましたね^^;

今回は区切り線の表示の仕方を学びました

最後までお読みいただき感謝します♪

天使のひとりごと

天使のひとりごと

ではでは




ラベル:ホームページ
posted by 天使のひとりごと at 14:13| 東京 ☁| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

2009年06月29日

番号付きリストの作成とは・・・

こんばんは、プリン天使です♪

今日は、番号付きリストを作成します

では、はじめます^^

番号を入れる時は、

<ol> 文字列 </ol>


天使のひとりごと
 

  1. 読書

  2. 映画鑑賞

  3. プリン天使の森

  4.  



<html>
天使のひとりごと
 <ol>
<li>読書</li>
<li>映画鑑賞</li>
<li>プリン天使の森</li>
 </ol>
</html>

追伸

番号が入ると、

気持ちがきちっとしてきますね^^;

天使のひとりごと

天使のひとりごと

ではでは
ラベル:ホームページ
posted by 天使のひとりごと at 20:13| 東京 ☀| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

2009年06月28日

リストの記号の変更とは・・・

おはようございます、プリン天使です♪

<ul type=”記号の種類”>

<li>文字列</li></ul>



contents

  • 天使のひとりごと

  •  
  • プリン天使の日常の気づき

  •  
  • 日記

  •  



今回は、リストの記号の変更です

では、はじめますね

<html>
 contents
 <ul type=”circle”>
  <li>天使のひとりごと</li>
  <li>プリン天使の日常の気づき</li>
  <li>日記</li>
 </ul>
<html>


追伸

ひとつひとつの組み合わせですね^^;

ゆっくりやっていきますね♪

天使のひとりごと

天使のひとりごと

ではでは


ラベル:ホームページ
posted by 天使のひとりごと at 08:47| 東京 ☀| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

2009年06月27日

リスト作成とは・・・

あ、と思ったらもう夜中ですね?

マイケルのムーンウォークを

思い出してしまいました^^:

あ、あなたも・・・

もしよかったらどうぞ♪





今晩は、プリン天使です♪

普段、もう寝ていますが

今日は特別かな?

今回は、リストの作成です^^

では、始めますね

番号なしのリスト形式は、

<UL> </ul>

<li> </li>を使用します



contents

  • フォトリーデイング

  •  
  • 読書

  •  
  • プリン天使の日記

  •  




<html>
 contents
<ul>
 <li>フォトリーデイング</li>
 <li>読書</li>
 <li>プリン天使の日記</li>
 </ul>
</html>
ラベル:ホームページ
posted by 天使のひとりごと at 23:43| 東京 ☀| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

入力したとおりの表示とは・・・

またまた、プリン天使です♪

だんだんホームページらしくなってきた感じ

ブログはブログで、

日本語を入力すればOKですけど

このHTMLを学ぶのもたのしいかも?

では、本題に戻りますね^^;



今回の御題は、

文字列を、HTMLで入力したとおりに表示

あ、あの電車男のドラマでよくあったな・・・

この表示のなぞが今日わかってしまうなんて、素敵♪


<pre>文字列</pre>

では、始めます^^





天使のひとりごと



    ************
   *            *
  *  天使のひとりごと    *
   *            *
    ************ 




<html>
 <p>
 <font size=”6”>天使のひとりごと</font>
 </p>
 <pre>
    ********
   *            *
  *  天使のひとりごと    *
   *            *
    ******** 
 </pre>
</html>


追伸

どうでした?

あ、と思われたあなた!

じつは、とってもカンタンだったんですね^^;


天使のひとりごと

天使のひとりごと

ではでは

この作業時間は、だいたい30分見れば・・・

もし時間があったらどうぞ♪

取り急ぎ
ラベル:ホームページ
posted by 天使のひとりごと at 17:22| 東京 ☀| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

複数の段落の中央ぞろえの設定とは・・・

こんにちは、プリン天使です♪

今回は、

複数の段落の中央ぞろえの設定をしてみます

タグは、<center> 文字列・画像・表 </center>

とてもカンタンですから

あなたもどうぞ♪





「天使のひとりごと」のサイトは

プリン天使の日常の発見です。読書とか

すべての源は、フォトリーデイングによるもの

 あなたにお役に立てれば、こんなにうれしいことは・・・

 



<html>
 <center>
 <p>
「天使のひとりごと」のサイトは<br>
プリン天使の日常の発見です。読書とか<<br>
すべての源は、フォトリーデイングによるもの<br>
 あなたにお役に立てれば、こんなにうれしいことは・・・
 </p>
 <center>
</html>


追伸

このタグを使うと、真ん中にはよりますが

もっと・・・

天使のひとりごと

天使のひとりごと

ではでは
ラベル:ホームページ
posted by 天使のひとりごと at 16:54| 東京 ☀| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

複数の段落の位置の設定

こんにちは、プリン天使です♪

今回は、複数の段落の位置の設定です

<div align=”位置”> 文字列・画像・表</div>





プリン天使のブログです。

日常の気づきをお知らせしますが、

どうぞのぞいていってください。

 
 



<html>
  <div align=”right”>
  <p>
  プリン天使のブログです。<br>
  日常の気づきをお知らせしますが、<br>
  どうぞのぞいていってください。
 </p>
  </div>
</html>

追伸

右側に寄せるための行動ですから・・・


天使のひとりごと

天使のひとりごと

ではでは
ラベル:ホームページ
posted by 天使のひとりごと at 12:47| 東京 ☀| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

2009年06月24日

段落の位置の設定とは・・・

今晩は、プリン天使です♪

段落の位置の設定をしてみますね^^

1:位置指定なしの場合(左側) 天使のひとりごと

2:真ん中の設定           プリン天使のブログ

3:右側に寄せる            2008年12月30日

では、はじめます




天使のひとりごと



プリン天使のブログ



2008年12月30日

 


うまくいきました、うれしいかな?


<html>
 <p>
<font size=”6”>天使のひとりごと</font>
 </p>
 <p align=”center”>
プリン天使のブログ
 </p>
 <p align=”right”>
2008年12月30日
 </p>
</html>


追伸

左・真ん中・右

この3つの位置の設定の仕方です^^

タイプを打つ感じですね


天使のひとりごと

天使のひとりごと

ではでは
ラベル:ホームページ
posted by 天使のひとりごと at 22:56| 東京 ☁| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

上付き文字・下付き文字の設定とは・・・

文字の上付き文字の設定は、

<SUP> </SUP>を活用し

文字の下付き文字の設定は、

<SUB> </SUB>を活用します♪

今回のサンプルです

面積100Ku 

CO2排出量


では、変換してみますね^^;



面積100km

CO排出量
 



<html>
  面積100Ku<sup>2</sup>

  CO<sub>2</sub><br>
<html>

細かいところまで設定できると

ちょっとうれしくなってきました^^


じつは、

CO2の小さい2は入力できませんでしたが

HTMLを使えばカンタンに表記できました♪

まあ、ブログの場合はこんなことは考えなくても

いいかもしれませんが、

知らなくともいいけど、このことを知ると・・・


あなたもhtmlとお友達になりませんか?

文字の表現はこれくらいに^^;


天使のひとりごと

天使のひとりごと

ではでは

ラベル:ホームページ
posted by 天使のひとりごと at 14:58| 東京 ☁| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

特殊文字の表示とは・・・

特殊文字の表示をします♪

<天使のひとりごと>を表示します

この「<」は、タグの一部として間違えたら大変なので

この「<」、「>」の表示を今回は練習します♪




 <天使のひとりごと>


<HEML>

 &lt;天使のひとりごと&gt

</HTML>

天使のひとりごと

天使のひとりごと

ではでは


ラベル:ホームページ
posted by 天使のひとりごと at 11:54| 東京 ☔| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

取消線の設定とは・・・

取消線の設定をしてみますね^^

文字に取消線を引くには、

<S>天使のひとりごと</S>を活用します♪



天使のひとりごと(準備中)



<HTML>
 <S>天使のひとりごと</S>(準備中) <BR>
</HTNL>




追伸

よく遊びに行くサイトでいつもこの取消線が引いてあって

じつは、

毎回不思議に思ってたのですが

今回の作業で納得できました♪

でも普段はあまり拝見することは・・・

あなたもネットサーフィンなさって

取消線があるかどうか?

もし確認してみたらなにか発見があるかも?

天使のひとりごと

天使のひとりごと

ではでは
posted by 天使のひとりごと at 10:04| 東京 ☔| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

下線の設定とは・・・

おはようございます、プリン天使です♪

突然ですが、ホームページも自分で作成したくなったので

ホームページにタグを追加しました^^

このサイトのおまけみたいな感じですが・・・



では、始めますね^^

今回のテーマは、「下線の設定」です

記述例:<U>CONTENTS</U>

<U>を使うと下線をひきますよって意味です♪


contents


<HTML>
 <U>CONTENTS</U>
</HTML>




追伸

メモ帳でHTMLを入力しています♪

スタート>すべてのプログラム>アクセサリ>メモ帳

天使のひとりごと

天使のひとりごと

ではでは
ラベル:ホームページ
posted by 天使のひとりごと at 09:40| 東京 ☔| Comment(0) | TrackBack(0) | ホームページ | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は180日以上新しい記事の投稿がないブログに表示されております。