ホームページタグ入門！

ホームページタグ　　meta name=”robots”

8月 6th 2010

先日はホームページのタグの基本構造をお伝えしました。
それぞれのタグにはどんな意味があるのか、そこには何を記述するのかを簡単にお伝えしておりましたが、今回は、<head>～</head>の<meta>タグで検索エンジンに呼びかける方法をお伝えします。

検索エンジンとはYahoo！やgoogleなどのサイトになります。
それぞれ独自のロボットをしようしてホームページの情報を収集していきます。
ですから、<META>タグにはURL収集の可否や、キーワードを指定したり、このサイトの紹介をしたりすることができます。

それでは、ホームページのインデックス登録をしてもらいたいまた、してもらいたくないという告知の方法をご紹介します。

これらの検索エンジンの巡回に対するメタタグが記述されていない場合は、<meta name=”robots” content=”index,follow”>
と同じく、すべて巡回してくれるわけです。

しかし、この記述も絶対とは限りません。
私のサイトでも無視して登録されているもの過去にはありました。
現在では性能もよくなってきているので、どうかはわかりませんけどね。

by ホームページビギナー

Category: METAタグについて

コメントは受け付けていません。

先日はホームページのタグの基本構造をお伝えしました。
それぞれのタグにはどんな意味があるのか、そこには何を記述するのかを簡単にお伝えしていきます。
まず、
■<html>
htmlというのは「HyperText Markup Language」の略になります。
HTMLファイルのはじめと終わりにつけるタグになります。
はじまりが
<html>
終わりが
</html>
となります。
<html>と</html>のタグにはさまれたものがHTMLとしてパソコンで認識されるのです。
<html>と</html>の中にホームページの内容を入れることになります。

■<head>～</head>
<head>と</head>の中にはそのホームページの情報を記述するところになります。
基本的に<title>～</title>に記述以外は表示されない部分となります。
<head>の中に使うタグは

◎<title>～</title>
ホームページのタイトルを記述します。ここに記述されたタイトルはブラウザーのタイトルバーに表示されます。
◎<meta>タグ
ホームページの概要やキーワードや作った側の情報などを指定するタグです。
これらが<head>の中に使用されるタグになります。

■<body>～</body>
<body>～</body>に記述されたものが、ブラウザーに実際に表示される部分になります。
前回「はじめまして」とした部分ですね。
ここに画像や文章を入れ込んでいくのです。

タグの記述で注意したいのはタグの文字は全て半角小文字となります。

by ホームページビギナー

Category: ホームページ・ HTMLタグ

コメントは受け付けていません。

ホームページタグまずは基本構造

6月 7th 2010

こんにちは。
ホームページのタグを勉強中の私ですが、まずはタグばかりを学んでいても意味が分からないとのご指摘もあり（そりゃそうですね）まずはHTMLファイルの基本構造から学んでいかなくてはいけませんね。

まず、最低必要なタグから学びましょうね。
最低でも下記のタグさえあれば、ページができて表示されます。
<html>
<head>
</head>
<body>

</body>
</html>

その<body>と</body>の間に表示されたいテキストや画像を埋め込みます。
例えば、「はじめまして」と表示させたい場合は、

<html>
<head>
</head>
<body>
はじめまして
</body>
</html>

とすればよいのです。
あと基本のものに、DOCTYPE宣言とか言語の設定、meta情報なんかを入れていくわけです。

ホームページのタイトルやmeta情報などは<head>と</head>の中に埋め込みます。

<html>
<head>
<meta name=”keyword” content=”キーワード１,キーワード2,キーワード3″>
<meta name=”description” content=”サイトの説明”>
<title>サイトタイトル</title>
</head>
<body>
はじめまして
</body>
</html>

となります。
サイトのタイトルが実際に表示されるのはブラウザのタイトルバーとなります。

by ホームページビギナー

Category: ホームページ制作超基本！

コメントは受け付けていません。

これからもお勉強

5月 18th 2010

こんにちは。最近はパソコンをいじるのに少々疲れを感じ始めたワタクシ・・・。イチから勉強し始めてあらためてわかったこともたくさんあって・・・いつものような説明は今日はお休みします。まとめというか今日は気分転換に雑談でもしようかな～なんて（＾＾）♪

アルファベット順に紹介させていただきましたけどどうでしたか？少しはお役にたっていますでしょうか？？『タグ』と名のつくものにはまだまだたくさんありますがこれからまた調べていきたいと思います。
いろいろ調べてみるとタグって細かいのね。当初『タグ』ってこんなにいっぱいの種類があるとは思っておらず・・・。参考書なんか手にしながらホームページを作ってたりしたのだけど、基本中の基本ぐらいマスターしなきゃ！と意気込んで始めまてみたもののひとつふたつで成り立つほど簡単なものではなかったですね（＾＾；
基本を紹介しながら自分もいろいろ学んできましたが、決まりごとの多いこと！
半角英字でなければいけないことや文章の構造によって使い分ける必要があることも。
今までホームページを作るとか考えていなかった頃は意識していなかったのですが、いろんな知識や知恵がついてきてからは開くホームページのすべてに関心がいくというかチェックしてしまうクセが付いちゃいまして（＾＾）
いいのか悪いのがわかりませんがすべて勉強に繋がっております。
ホームページだけなら意外と簡単に出来たりしますが、中身を充実させてこそ意味があるものですから完璧に出来るようになればな～なんて思っております。
これからもどうぞ宜しくお願いします。

by ホームページビギナー

Category: 雑談

コメントは受け付けていません。

文字化けに困ったら？

4月 15th 2010

こんにちは、今日は表題の件、文字化けを防ぐ方法をご紹介しますね。初心者の方がホームページ制作を始めると、よくぶつかってしまうトラブルのひとつ、文字化け。実は簡単に防ぐことができますよ。是非参考にしてみてください。
■文字コードを指定することで文字化けを防ぐ方法とは？
<head></head>内に<meta>タグで文字コードを記述して下さい。
<meta HTTP-EQUIV=”content-type”　CONTENT=”text/html;charset=（1）”>
※（1）の部分に使用している文字コードを指定します。

キーワード（1）    文字コード
ISO-2022-JP    JIS
SHIFT_JIS    Shift JIS（シフトＪＩＳ）
EUC-JP    ＥＵＣ（Extended Unix Code）

■PHPで文字コードを指定して文字化けを防ぐ方法とは？
METAタグで文字コードを指定する以外にも、PHPを使ってＨＴＭＬ文章を読み込む前にブラウザに文字コードを伝えて、文字化けを防ぐ方法があります。こちらの方がMETAタグより効果がありますよ！

<?
header(”Content-type: text/html; charset=euc-jp”);
?>

※<?,?>ではさまれた部分がPHPスクリプトになり、<html>タグより前に記述して下さい。なお、ファイルの拡張子を”.php”とするのをお忘れなく！！

by ホームページビギナー

Category: ホームページのトラブルについて

コメントは受け付けていません。

モバイルサイトで使える！便利なタグについて

3月 3rd 2010

こんにちは。今日はモバイル、携帯サイトで使えるタグをご紹介します。最近はPCでなく、携帯でホームページを見る人も多いですし、覚えておいて損はありませんよ!気をつけないといけないのは、半角であるということ。小文字でも大文字でも大丈夫。通常のホームページとほぼ一緒なものもありますので、覚えておきましょう。

<A 属性>**</A>
URLにリンクをはる

<BASE 属性>
HTMLファイル内で扱うURLの基準にするパスを指定

<BLINK>**</BLINK>
文字や画像を点滅させる

<BLOCKQUOTE>**</BLOCKQUOTE>
左右両端をインデント（段落下）にする

<BODY 属性>**</BODY>
属性指定で本文テキストの色、背景色の色、リンクの色を指定できる。

<BR>
改行

<CENTER>**</CENTER>
文字や画像を中央揃えにする

<DIR>**</DIR>
箇条書きにする。「・」が前につく

<DIV 属性>**</DIV>
文字列や画像を位置をそろえる

<DL>**</DL>
定義リストを作成

<DT>**
定義リストで見だしを表示

<FONT　属性>**</FONT>
文字列の色を指定

<FORM 属性>**</FONT>
フォームの指定

<HR>
水平線を表示

<IMG 属性>
画像を表示

<INPUT 属性>
フォームでデーターの入力を受け入れる

<LI>
リストを表示

<MARQUEE>**</MARQUEE>
文字列のスクロール表示

<MENU>**</MENU>
リストを表示

<OL>**</OL>
番号つきリストを表示

<OPTION 属性>
<SELECT>タグの中で選択された項目に応じて値を返す
選択フォームなどに使う

<P>**</P>
1行あけて改行
<PLAINTEXT>**
**の部分をそのまま表示タグも変換されない

<PRE>**</PRE>
**の部分の文字列をそのまま表示、空白や改行も反映

<SELECT>**</SELECT>
選択フォーム用のリストを作成

<SPAN>
さまざまな目的に使われるインライン要素。

<TABLE>**</TABLE>
表を作成する為のタグ。<TR><TD>タグは同時に必須。

<TEXTAREA>**</TEXTAREA>
複数の文字列を送信してもらうためのフォームタグ

<TD>**</TD>
表の１セルを表す要素。<TABLE><TR>タグと同時に使う。

<TH>**</TH>
表の見出しの１セルを表す要素。<TABLE><TR>タグと同時に使う。

by ホームページビギナー

Category: ホームページ・ HTMLタグ, ホームページ制作超基本！

コメントは受け付けていません。

ホームページのHTMLタグ一覧 T～W

2月 10th 2010

ホームページビギナーです。こんにちは。2月になりましたね。今回のホームページタグはTからのスタートですが、アルファベット順で今回最後、これでひととおりご紹介することになります。タグを上手に使ってホームページを作りましょう(*^▽^*)！！

■HTMLタグ – Ｔ
タグ（要素）用途
<table>     表の作成
<td>     表のセル
<textarea>     複数行の入力欄
<th>     表の見出しセル
<title>     ページタイトル
<tr>     表の各1行
<tt>     等幅文字

■HTMLタグ – U
タグ（要素）     用途
<u>     文字に下線を付与
<ul>     箇条書き（通し番号なし）

■HTMLタグ –W
タグ（要素）用途
<wbr> 改行禁止<nobr></nobr>内で改行を行ってもいい位置

以上、ホームページのタグをご紹介しました。
ホームページを作るには、色んなHTMLタグを知ることが不可欠です。
初めはわからなくても、次第にわかってくるようになりますし、そのうちにサーバーにアップロードする時などに必要になる知識も沢山あります。本格的なサーバーハウジングやコロケーションなど、データセンターにまつわるような専門的な内容までには至らなくても、やはり、ある程度知識があったほうが、ホームページを作る上できっと役に立ちますので、最低限はマスターしておきましょう。

by ホームページビギナー

Category: ホームページ・ HTMLタグ, ホームページ・タグってなに？

コメントは受け付けていません。

ホームページのHTMLタグ一覧 P～S

1月 15th 2010

ホームページビギナーです。あけましておめでとうございます。まだまだホームページ用のタグをご紹介していきますよ!　今回はＰから始めたいと思います。タグを上手に使ってホームページを作りましょう！！

■HTMLタグ – Ｐ
タグ（要素）用途
<p>     段落文章
<plaintext>     HTMLタグを無視してテキストをそのまま表示
<pre>     HTMLタグは解釈（反映）してテキストを表示

■HTMLタグ – Ｒ
タグ（要素）用途
<rp>     rubyタグ未対応ブラウザ用表示文字
<rt>     ふりがな（ルビ）
<ruby>     ふりがな（ルビ）を付与する

■HTMLタグ – Ｓ
タグ（要素）用途
<s>     文字の取り消し線
<script>     スクリプト指定（定義）
<select>     選択メニューの作成（ポップアップメニュー項目）
<small>     文字を一段階小さくする
<spacer>     空白サイズ指定
<span>     段落文章の一部の文字にスタイルを適用
<strike>     文字の取り消し線
<strong>     文字の強調表示（<em>より強調）
<sub>     文字の下付き文字
<sup>     文字の上付き文字

ホームページを初心者が作るときは、何かとわかりにくいHTMLタグですが、これは深く考えずに「こんなものだ」と思っておきましょう。今は慣れなくても、ホームページを見慣れてくるとわかってくるようになりますよ。頑張りましょう！

by ホームページビギナー

Category: ホームページ・ HTMLタグ, ホームページ・タグってなに？

コメントは受け付けていません。

ホームページのHTMLタグ一覧 H～O

12月 21st 2009

こんにちは。今日もホームページに役立つタグをご紹介!今日はＨからです。タグを上手に使ってホームページを作りましょう！！

■HTMLタグ – H
タグ（要素）     用途
<head>     ヘッダー情報記述
<hr>     水平線（区切り線）
<html>     html文章指定（宣言）
<h1>・・・<h6>     見出し（数字が小さい程より大きく表示）

■HTMLタグ – I
タグ（要素）     用途
<i>     文字を斜体（イタリック）にする
<img>     画像を表示
<iframe>     インラインフレームを表示
<input>     入力フォーム・チェックボックス・送信ボタン等を作成
■HTMLタグ – L
タグ（要素）     用途
<li>     箇条書き（通し番号なし）リスト項目
<link>     スタイルシートの読み込み
■HTMLタグ – M
タグ（要素）     用途
<map>     クリッカブルマップ指定（宣言）
<marquee>     文字の移動
<menu>     箇条書き（メニュリスト）
<meta>     ページ付加情報（ページの説明、著作権、キーワード等）
<multicol>     段組のレイアウト
■HTMLタグ – L
タグ（要素）     用途
<nobr>     改行禁止
<noframes>     フレーム未対応の対処

■HTMLタグ – Ｏ
タグ（要素）     用途
<ol>     箇条書き（通し番号あり）
<option>     選択メニューの作成（ポップアップメニュー項目）

by ホームページビギナー

Category: ホームページ・ HTMLタグ, ホームページ・タグってなに？

コメントは受け付けていません。

ホームページのHTMLタグ一覧 A～F

12月 11th 2009

こんにちは。今日はHTMLタグ一覧として、アルファベット順にご紹介していきます。ホームページを作るなら、HTMLタグは便利！！みなさんも是非参考にしてくださいね(^^)

■HTMLタグ – Ａ
タグ　　　　　　   用途
<a>     指定文字（画像）にリンク張る
<area>     クリッカブルマップ
clear.gif

■HTMLタグ – B
タグ　　　　　　　　　用途
<base>     基準ＵＲＬの指定
<big>     文字を一段階大きくする
<blink>     文字を点滅
<blockquote>     長い引用文章を表示
<body>     実際にブラウザに表示されるページの本文
<br>     改行

■HTMLタグ – C
タグ　　　　　　　　　用途
<caption>     表にキャプション付与
<center>     行揃え（中心）
<cite>     短い引用文章を表示

■HTMLタグ – D
タグ　　　　　　　　　用途
<dd>     定義語リストの内容
<dir>     箇条書き（ディレクトリリストを表示）
<div>     段落文章（スタイルシートでブロック要素としても使用）
<dl>     定義語の説明
<dt>     定義語

■HTMLタグ – E
タグ　　　　　　　　　用途
<em> 文字の強調表示

■HTMLタグ – F
タグ　　　　　　　　　用途
<font>     文字サイズ、書体指定、文字色等
<form>     入力フォーム
<frame>     フレーム指定
<frameset>     フレーム分割指定

by ホームページビギナー

Category: ホームページ・ HTMLタグ, ホームページ・タグってなに？, ホームページ制作超基本！

コメントは受け付けていません。

ホームページタグ入門！

ホームページのタグについて、基礎をマスターしましょう！

ホームページタグ　　meta name=”robots”

ホームページタグ基本構造2

ホームページタグまずは基本構造

これからもお勉強

文字化けに困ったら？

モバイルサイトで使える！便利なタグについて

ホームページのHTMLタグ一覧 T～W

ホームページのHTMLタグ一覧 P～S

ホームページのHTMLタグ一覧 H～O

ホームページのHTMLタグ一覧 A～F

カテゴリー

リンク

メタ情報