知っておくといいと思うHTMLの知識

 

 

ホームページをはじめ、インターネットで見えるページは、

全て、HTMLといったファイル構造で作らています。

 

 

インターネットブラウザ(表示するアプリケーション)で

見られるように、ルール化されているんです。

 

 

ワードとか、エクセルと同じですね、

全て決まり ルールがあるから

誰が、どの機械から見ても同じように見えるわけですが・・・

 

そのルール化されたHTMLに従って

文字の大きさとか色とか、写真や画像を出すよ!!

別のページ(画面)に遷移するよ

 

などといったことを記述していくわけです。

 

 

それがタグといわれる

記号で記述されていきます。

 

 

アメブロのエディタ、

これは、そのルールを簡単な操作で

実現しようとしているツールです。

 

 

最近だとWordPressとか、

ホームページビルダとか?

 

 

ユーザが簡単な操作で、HTMLといった形式、

ルールに従ったファイルが作れるアプリケーションです。

 

 

ということで

 

ちょっとしたルールを試してみました。

 

 

見出しといった意味合いで使われる

hタグ

 

 

大見出し、中見出し、小見出し・・・・

みたいな感じで使って下さいネ♪

 

SEO対策にもなるともいわれていますね♪

 


<h1>~<h6>

 

タグ編集のページで書いて

プレビューで確認すると・・・こんな感じに

 

 

ちなみにアメブロさんのパソコンのエディタで

「大見出し」として指定すると、

<h2>タグとなります。

 

 

 

ちなみに改行(Enterキー)だと

段落といった意味あいの<p>タグが付いちゃいます。

しかも、&nbsp が勝手に入ります。

 

<p>&nbsp;</p>
<p>&nbsp;</p>

 

&nbspって何?

といったお話になるのですが・・・・

 

 

半角スペースなんか?

といった考え方とかされている方もいますが、

 

どうやら、

半角文字(英語)を使用する場合に、

中途半端な箇所で改行させないように続けて表示して

といったルールです。

 

 

英語とかの半角文字ではないので、

あまり意識することもないですけど・・・

 

 

半角スペース分空きが入るので、

代わりに使うこともあります。

 

 

<p></p>の間に文字が、

何もないと・・・

 

ルール上、おかしいのでは?

となりますので・・・

 

知っておくといいのは、

<div>

<p>

<span>

 

<a href>

<img>

 

といったタグ

これだけで、作れます。

 

 

あとは、ルール的な

<head>

<body>

<html>

<meta>

などなど

 

これがないと表示がうまく出来ないよ~

といったタグを知っておくといいでしょう。

 

 

アメブロとかのエディタだけだと、

その他は、自動的にしてくれますので、

気にすることもないですが、

 

編集用のタグとして、

 

<div> ・・・ 範囲指定

<p> ・・・ 段落指定

<span> ・・・文字指定みたいなイメージ

 

<a href> ・・・ リンクさせる

<img> ・・・ 画像を表示する

 

これだけ、知っておけばよいでしょう。

(*^^*)
 
 
見た目を変えるには、
これらのタグに追加していくだけです。
 
 
思った以上に、少ないんですよ

基本的なルールは・・・

 

 

細かな内容は、いっぱいありますけど・・・

基本的には、開始と終了の範囲で有効になる

 

 

<div></div>

/スラッシュ付きが終了の意味合い

 

といったことが、解っていれば、

いろいろと編集できることでしょう

(*^^*)

 

 

普通に文字だけ魅せても

面白くないと

 

感じる方は試して下さいネ♪

 

 

少々、間違えても、

間違えたなりに

表示されますから

 

まずは、気楽に挑戦して下さいネ♪

 

 

知っている人にとっては、

どうでもいいお話でした。

(笑)

 

 

めっちゃ難しく考えるのですが、

単純な仕組みです。

(*^^*)

 

 

で、、、

その2はあるのか?

 

もう少し、これ知っておくといいよ?

みたいなのを、股の機会に

書きますネ

 

 

フォローしてね!

 

 

単純な仕組みだからこそ

編集エディタが作れるのですから・・・

 

 

プログラミング言語も同じで、

単純なルールしかないんです。

 

アルゴリズムとか考えると

難しく感じますけど・・・

 

プログラミング言語のルール自体は

少ないです。

 

 

Excelも使うのは、簡単ですよね?

 

でも、関数になると、めっちゃあるので、

全部、覚えられないよ~~

 

ってなるかも知れませんが

使い方は、どの関数を見ても、

同じルールですよね?

(引数の指定の有無はありますが)

 

 

基本的なルールは、

ホントに少ないのです。

 

だから、みんな使うことができるんです。

 

といった発想になれば、

ハードルが低くなると思いますけどネ♪

 

 

 

メール配信・イベント・HP作成

メール配信とかイベント告知用のランディングページとか簡単につくれます
簡単作成、サポート有りだから安心
無料で使えるサイト
ネットショッピングするその前に(^^)!
もう知っているかな?楽天ポイントをもっとゲット♪

Rebatesお友達紹介キャンペーン

 

メルマガ配信中♪

プログラミングに興味のある人、お子さんに教えてみようと思っている人へ
プログラミング無料講座

初心者のためのアメブロ講座
はじめてのアメブロ講座

 

初心者向けの簡単な内容です。

読者登録すると、「ちょっとしたお小遣いが入る方法」をプレゼント♪
 
 

パソコン・プログラミングの相談窓口

困ったことがあれば、相談できるように窓口を設けています。

お問合せ
 

 

ブログランキング

こちらもよろしく♪


岡山県ランキング
岡山県 ブログランキングへ

こちらもよろしく♪


にほんブログ村

 

 


岡山市、岡山県、倉敷市、玉野市、赤磐市、備前市、京橋町、表町
大人気のロボット教室とプログラミング教室、時々、困った時の便利なパソコン相談所、
楽しく学ぶパソコン教室(*'ω'*)
ものづくりの楽しむ教室です

 

 

教室はこちらから

1週間に1度は更新しているホームページです♪
たまには、見て下さいネ♪

ホームページ・ブログカスタマイズもOK♪
岡山市のパソコン教室

子ども達に大人気のロボット教室\(^o^)/
岡山市のロボット教室

気になるプログラミングの相談もOK♪
岡山市のプログラミング教室

子ども向けの英語教室も(*^^*)
岡山市のこども英語教室