FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

リンクを貼るタグ

リンクを貼るために使うタグを紹介したいと思います。リンクを貼るにあたっては必要なものだと思いますので。

<A Href="URL">表示させる文</A>

↑このような形が一番シンプルな形になります。たとえばうちのブログだと

<A Href="http://internetstudy.blog31.fc2.com/">SEO HTML 等を勉強</A>
────────────────────────────────
SEO HTML 等を勉強
このようになります。

* オンマウスで説明文を表示させる
<A Href="URL" Title="表示させたい説明文">表示させたい文</A>

<A Href="http://internetstudy.blog31.fc2.com/" Title="HTMLリファレンス">SEO HTML 等を勉強</A>
───────────────────────────────────────────
SEO HTML 等を勉強 ←マウスを乗せてみてください。説明文にHTMLリファレンスと表示されるはずです。

* 新しいウィンドウでリンクを開くためのタグ
<A Href="URL" Target="_blank">表示させたい文</A>

<A Href="http://internetstudy.blog31.fc2.com/" Target="_blank">SEO HTML 等を勉強</A>
───────────────────────────────────────
SEO HTML 等を勉強 ←クリックすると新しいウィンドウまたはタブが開いてページが表示されます。


* 説明文を表示させ、新しいウィンドウで開かせる場合
<A Href="URL" Title="表示させたい説明文" Target="_blank">表示させたい文</A>

* ターゲットの種類
Target="_blank"・・・・別枠を開いたリンク
Target="_top"・・・・全てのフレームを取り払うリンク
Target="_self"・・・・同じ枠でリンク
Target="_parent"・・・・一番外のフレームは残す。
Target="フレーム名"・・・・フレームから別フレームへのリンク
スポンサーサイト

ブログパーツにリストでリンクを表示させる方法

AHP-0064.jpg
↑先ほど書いたような記事をこれからブログパーツにリスト表示させることにしました。
ですがこのまま追加していくと・・・
AHP-0065.jpg
のようになってしまいます。
『プラグインの設定でリンクの間を改行してないだけじゃないの?』と思う方もいるかもしれません。
ちゃんとしております。(↓画像サイズが大きいのでサムネイル表示にしてあります。クリックで拡大出来ます。)
AHP-0066.jpg

これをリスト表示する方法があります。<li></li>と<ol></ol>といったタグを使用します。

liとはリストアイテム(List Item)の略でブログのテンプレートの設定によって違いますがリストに適した小さな画像が表示されます。。
olとはオーダレッドリスト(Ordered List)の略で改行することが出来ます。

早速つけてみました。

AHP-0067.jpg
(↓クリックで画像拡大)
AHP-0068.jpg

ブログ等にHTMLタグを表示させる方法

まずはHTMLタグをブログに表示させなければこういったブログは成り立ちません。

HTMLを普通に表示させると
になってしまいます。

ですのでHTMLタグを表示させる方法を調べてみました。

方法1)<xmp></xmp>で囲ませるとHTMLタグを表示させることが出来ます。

方法2)HTMLタグはすべて<>に囲まれています。このような特殊記号を別の方法で表示させればいいのです。

HTMLエディタに&lt;&gt;これを普通に入力すると&lt;⇒<&gt;⇒>
になります。これを利用すれば表示することが出来ます。

SEOとは

SEOとは、Search Engine Optimizationの略でサーチエンジンの検索結果のページの表示順の上位に自らのWebサイトが表示されるように工夫すること。また、そのための技術やサービス。Webサイト構築などを手がける事業者の中には、SEOをメニューに用意しているところもある。

 サーチエンジンは登録されているWebページをキーワードに応じて表示するが、その際の表示順位はそれぞれのサーチエンジンが独自の方式に則って決定している。この順位が上にある方が検索エンジン利用者の目につきやすく、訪問者も増えるため、企業などでは検索順位を上げるために様々な試みを行なう場合がある。その様々な技術や手法を総称してSEOという。

 具体的なSEOの手法には、ターゲットにするキーワードの適切な選択や、ページ内でのキーワードの適切な使用、より多くのサイトにリンクしてもらうなどの手段があるが、サーチエンジンのランク付けのアルゴリズムは年々高度化が進む上、頻繁に変更が行われその度に激しく順位が変動する。このためSEOには王道は無く、地道にコンテンツを充実させて認知を広げていく以外に着実な手段は存在しないと言える。

引用
SEOとは 【サーチエンジン最適化】 (Search Engine Optimization) - 意味/解説/説明/定義 : IT用語辞典

W3Cとは

W3Cとは、World Wide Web Consortiumの略でWWWで利用される技術の標準化をすすめる団体。WWW技術に関わりの深い企業、大学・研究所、個人などが集まって、1994年10月に発足した。

 W3Cの設立にはマサチューセッツ工科大学(MIT)や、WWWが開発された欧州合同素粒子原子核研究機構(CERN)などが大きな役割を果たしている。

 現在では、マサチューセッツ工科大学計算機科学研究所(MIT/LCS)、フランス国立情報処理自動化研究所(INRIA)、日本の慶應義塾大学SFC研究所(Keio-SFC)がホスト機関としてW3Cを共同運営している。

 なお、2003年1月にはこのうちINRIAがホストから抜ける予定で、INRIAに代わって欧州情報処理数学研究コンソーシアム(ERCIM)が欧州からのホスト機関として参加する。ERCIMはINRIAやFraunhofer-Gesellschaftなど、欧州各国の研究機関からなる組織。

引用させていただきました。
W3Cとは 【WWW Consortium】 (World Wide Web Consortium) - 意味/解説/説明/定義 : IT用語辞典

tag : WWW 欧州合同素粒子原子核研究機構 CERN ホスト

ハイパーリンクとは

ハイパーリンクとは、文書内に埋め込まれた、他の文書や画像などの位置情報。ハイパーリンクを用いて複数の文書、および関連する画像などのオブジェクトを関連付けたシステムハイパーテキストという。WWWハイパーテキストの代表例で、Webブラウザで文書を表示し、リンクのある場所を,マウスでクリックすると、関連づけられたリンク先にジャンプするようになっている。

引用させていただきました。
ハイパーリンクとは 【hyperlink】 - 意味/解説/説明/定義 : IT用語辞典

tag : オブジェクト システム ハイパーテキスト WWW Webブラウザ マウス

HTMLとは

まずHTMLとは何か。それ自体を知らなければ意味がありませんので。

HTMLとは、HyperText Markup Languageの略でWebページを記述するためのマークアップ言語のこと。W3Cが作成している規格で、最新版はHTML 4.01。

HTMLは文書の論理構造や見栄えなどを記述するために使用される。また、文書の中に画像や音声、動画、他の文書へのハイパーリンクなどを埋め込むこともできる。

HTMLで記述された文書を閲覧するには通常Webブラウザを使用する。しかし、HTML文書はテキスト文書の一種であるため、テキストエディタでHTML文書を開き、タグごとテキスト文書として読み書きすることも可能である。

 HTMLはもともとSGMLの部分集合として策定されたが、現在はSGMLの目的とはかなり異なる、独自の進化を遂げるに至っている。

 HTMLは本来文章の論理構造を記述する言語であったが、主にWebブラウザメーカーによる度重なる拡張の結果、単なる見栄えを記述するタグが大量に取り込まれた。しかし、HTML 4.0では文書の論理構造を記述するという本来の目的に立ち返り、見栄えの記述はCSSを使って行なうように改められた。

 現在は、HTMLをXMLに準拠した仕様になるよう改良したXHTMLがW3C勧告として公開されている(最新版はXHTML 1.1)。W3Cの仕様策定の主軸は既にXHTMLに移行しており、今後はXHTMLがHTMLに代わり、Webページ記述言語として徐々に浸透していくものと考えられている。



引用させていただきました。
HTMLとは 【HyperText Markup Language】 - 意味/解説/説明/定義 : IT用語辞典

tag : Webページ マークアップ言語 W3C ハイパーリンク Webブラウザ テキストエディタ タグ SGML CSS XML

挨拶

ブログ開設しました。

SEO HTML(主にHTMLになるかもしれません)等を勉強しながらそれをそのまま記事にしていくつもりです。

よろしくお願いします
プロフィール

HIL

Author:HIL
SEO HTML C言語 Javaについて勉強していきたいと思っています。
今は主にHTMLです。

メインブログでは主にPSP、他は趣味などについて書いております。
ALL HIL PSP

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
便利なHTMLタグ術
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

プログラミング
  • Powered by FC2 Blog

    FC2Ad

    Copyright © SEO HTML 等を勉強 All Rights Reserved.
  • 上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。