FC2ブログ

ブログ・ホームページとHTML(タグ・文字の装飾・リンク)

ネットで内職お小遣い ブログで副業副収入 ~いざなみ宥和への道~
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
HTMLとは・・・

HTMLとはホームページ・Webページを作成するのに必要な文章構造を定義する言語です。
言語ですから決まり事があります。例えば日本語なら日本語の決まり事がありますよね。
先ずHTMLは決まり事のある言語である事を認識して下さい。

HTMLは下記の二通りに大別できます

 1.インライン要素・・文章内の行の一部としてで使用される要素
           テキスト(強調strong他)
           スタイル(太字・イタリック体・下線他)
           リンク(<a・・他)・テーブル( <table・・他)等
 2.ブロックレベル要素・・ブロックで表される要素
             見出し(h1~h6)、段落、リスト、フォーム等

文字の強調・色の指定・table要素での表の作成等の要素を使用する事でホームページにメリハリが生まれます。
ブログにつてはそれほど必要有りませんがメリハリをつけるには必要な要素ですから少しずつ慣れていきましょう。(私も含めてです)

そうする事で重みがでて、アフィリエイトや副業・副収入を目指す良質なサイトになります。良質なサイトになればリピートが多くなる。
リピートが多くなると・・・・・・凄く期待!

管理人はHTML要素のことをHTML文字と呼んでいます。
今からはHTML要素=HTML文字として説明します。よろしくお願いします。



HTML豆知識/タグ・文字の装飾・リンク

ブログにはブロックレベル要素を集約した便利なテンプレートがついていますのでインライン要素の豆知識です。

1.タグとは
<html>や<strong>等 (かぎかっこ)< と > (かぎかっこ)で囲まれたものをタグと呼び,
html、strong、○○○はタグ名といいます。
 タグ名は半角文字で、できるだけ小文字で記述下さい・・<strong>OK
 < の後に空白があっては不可です・・・・・・・・・・・< strong>不可

タグはほとんどの場合開始タグ<strong>と終了タグ</strong>で囲みます。
  (例)<strong>強調文</strong>・<small>文字縮小</small>他
見てお分かりのように終了タグは開始タグにスラッシュ(/)を付けたものです

開始タグ・終了タグは必ず他の開始タグ・終了タグの外側又は内側のどちらかに設置して下さい。
尚、< はタグの開始となりますので文字として < を表示したい場合&lt;を記入して下さい。
&lt;の&は半角文字です。

但し、<b>又は<b />のような単独タグもあります
   <b>又は<b />は改行タグです
   ブログのプラグイン(サイドバー)等のHTML文字を改行するのに使用して下さい

2.文字の装飾タグ  
文字の装飾タグを少しですがご紹介します。

強調文字:<strong>と</strong>で囲うと ➝ 強調文として文字が太くなります
太文字 :<b>と</b>で囲うと ➝ ➝ ➝ ➝ ➝ 文字が太くなります
大きな文字:<big>と</big>で囲うと ➝ ➝ ➝ 文字が大きくなります
小さな文字:<small>と</small>で囲うと ➝ ➝ 文字が小さくなります
  文字サイズを指定したい場合<span style="font-size:数字%;">と</span>で囲う
  又は <span style="font-size:数字px;">と</span>で囲って下さい
下線文:<u>と</u>で囲うと ➝ ➝ ➝ ➝ ➝ ➝ 文字の下に下線が入ります
打ち消し文:<s>と</s>で囲うと ➝ ➝ ➝ ➝ 文字の真ん中に線が入ります
色付き文字:<span style="color:#FF0000">と</span>で囲うと
              ➝ ➝ ➝ ➝ ➝ ➝ 文字に色がつきます
   白・黒・青・グリーン他どんな色でも装飾できます

ブログの場合”そうしたい文字”を選択し記事作成欄の上部に設置してある項目をクリックすると自動的に作成可能です。


3.リンクタグ
他のサイトとリンクしたい・自分のサイト内でページリンクしたいときに使用下さい

<a href="リンク先URL">と </a>で囲うとリンク先URLとのリンクができます。
 (例)<a href="リンク先URL">リンクの表題 </a>
    表題がリンク色になります。表題はご自身で自由に設定下さい
    例えば管理人のトップページへリンクの場合
   <a href="http://aaizanamiyuuwa.blog117.fc2.com/">リンクの表題文字</a>

別ページで開きたい場合 <a href="リンク先URL"target="_blank">と </a>で囲って下さい
    "リンク先URL" の後ろに target="_blank"を追加しています。

<a href="リンク先URL">の a(アンカー)開始タグの hrefを属性名と言います。
属性名(href)=属性値("リンク先URL")という形式で記述します。
文字は半角文字で、できるだけ小文字にして下さい。属性名の前は必ず1つ以上の半角スペース又はタブ文字又は改行を入れて下さい。

属性値の値が数字・アルファベット・ハイフン( - )・ピリオド( . )以外の文字を使用する際は、必ずダブルクォーテーション( " )又はシングルクォーテーション( ' )で囲んで下さい。
できるだけ全ての属性値の値にはダブルクォーテーション( " )又はシングルクォーテーション( ' )で囲んだほうが良いと思います。
(私がよく忘れていたので・・囲むのを忘れない為に)


今日はこのくらいにして、後日、HTML文字の画像・tableをご紹介します









~ブログ ネットビジネス いざなみ宥和 ~

スポンサーサイト
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
この記事のトラックバックURL
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。