テストぶろぐ -3ページ目

テストぶろぐ

テスト用のぶろぐです♪

【テスト】ひさびさアメブロつかってみた♪

 

テスト投稿です。

 

 

記事の書き方、投稿の方法。

  1. HPの基本構成 HTMLについての基礎知識
  2. 画像の加工・サイズ調整など
  3. 写真の添付
  4. リンクの作り方
  5. 囲み枠の作り方
  6. 申し込みメールフォームについて

 

以上の内容で進めていきたいと思います!

 

 

なるべくわかりやすく書いていきたいと思いますが、うまく伝わるかな~真顔

 

 


 

1.HTML の基礎知識

簡単ですが、HTML についての説明です。

PCなどのホームページは基本的にHTMLというソースコードで書かれています。

 

ソースコード?

最初はなんじゃそれ滝汗って感じますが、ホームページやブログに係わるワードですので、

名前だけでも覚えておいてください。

 

要は、慣れです。ブログをたくさん書いていけば、そのうち慣れます。

 

まずは、基本的なルールだけなんとなくで良いので雰囲気だけ掴めば大丈夫だと思っています。

 

 

 

んで、ざっくりと言うと、、、

 

タグと呼ばれる<>で囲って表す要素で、「文字列」を挟むと、

文字を大きくしたり、色つけたり、枠で囲んでみたり、画像を張り付けたり、別のページへのリンクを作ったりと、

いろいろ飾り付けや機能を付けることができる!

みたいな感じですね。

 

 


☆ここからHTML使用例☆

 

○枠囲み

↓タイトル付きの枠囲み↓

 

■レッスン日程■
 ・6月14日(火)
 その後は未定!

 

 

○仕切り線

HTMLに<hr>と入力すると

↓こんな感じの


画面幅いっぱいの線が引けます。

 

 


 

width=  80%指定    ※幅も自由にできます。

 

 

○リンク 

画像をリンクすることもできます。

 

 

制作HP⇒http://www.discoverytravel-info.com/

 

 

○メールフォーム

 

入力フォームへ ⇒ お問合せ