素材屋アンダンテ♪HTMLとは

HTMLについて簡単に説明しています。
素材は新館・旧館合わせて702点あります。
左のオレンジのボタンをクリックすると素材が出てきますのでご自由にご利用下さい。
素材屋アンダンテは趣味のサイトですので素材はすべて無料で利用できます。

アンダンテ素材使用例
　　オレンジページブルーページ

旧アンダンテ全425点←閉鎖

リンクして下さる方は
こちらをご利用下さい。
↓↓↓

HTMLとは

HTMLとは分かりやすく言えば「言語」です。
ホームページのほとんどがHTMLという言語で書かれています。

HTMLとはHyperText（ハイパーテキスト） Markup（指示） Language（言語）の頭文字をとったものです。

ハイパーテキスト (hypertext) とは、複数のテキストを相互に関連付けて結び付ける仕組みで、「テキストを超える」という意味から hyper- (～を超えた) text (文書) と名付けられました。インターネットの「World Wide Web」などがハイパーテキストシステムとして知られています。

アメリカでブログが誕生し、ここまで日本に普及する前までは「ホームページ」が主流でした。「ホームページ」を作成するにはHTMLの知識か「ホームページ」作成ソフトが必要でした。ところが、「ブログ」は無料ブログに登録するだけで、HTMLの知識がなくても簡単に作成する事ができますので、初心者の方にはブログをおすすめします。

簡単なHTMLを下記に紹介しています。
ブログをお持ちの方は、記事に下記の「HTMLタグ」入力して結果を確認してみて下さい（無料ブログの中にはHTML編集ができるブログとできないブログがあります）。

「HTMLタグ」の赤文字の部分が変化します（分かりやすく赤文字にしています）

文字に下線を引く

HTMLタグ
　下線です

HTML結果は！？
　下線です

文字を太くする

HTMLタグ
　文字が太くなります

HTML結果は！？
　文字が太くなります

文字サイズ変更（小）

HTMLタグ
　<FONTSIZE="1">文字サイズ1です

HTML結果は！？
　文字サイズ1です

文字サイズ変更（中）

HTMLタグ
　<FONTSIZE="2">文字サイズ1です

HTML結果は！？
　文字サイズ2です

文字サイズ変更（大）

HTMLタグ
　<FONTSIZE="4">文字サイズ4です

HTML結果は！？
　

文字サイズ4です

文字サイズ変更＆太文字

HTMLタグ
　<FONTSIZE="4">文字サイズ4・太文字

HTML結果は！？
　

文字サイズ4・太文字

文字に色をつける

HTMLタグ
　文字の色を青にする

HTML結果は！？
　文字の色を青にする

　　※カラーは下にある色見本（16進数）を参考にして下さい。
　　　　青の16進数は「#0000ff」です。

文字に色をつける

HTMLタグ
　文字の色を赤にする

HTML結果は！？
　文字の色を赤にする

　　※カラーは下にある色見本（16進数）を参考にして下さい。
　　　　赤の16進数は「#ff0000」です。

文字に色をつける

HTMLタグ
　文字の色を黒にする

HTML結果は！？
　文字の色を黒にする

　　　※カラーは下にある色見本（16進数）を参考にして下さい。
　　　　黒の16進数は「#000000」です。

文字に装飾（紫色にして、太文字にし、下線もつける）

HTMLタグ
　色は紫・サイズ1・太文字・下線

HTML結果は！？
　色は紫・サイズ1・太文字・下線

　　　※カラーは下にある色見本（16進数）を参考にして下さい。
　　　　紫の16進数は「#9900cc」です。

表の作り方

HTMLタグ

<TABLEBORDER="1" CELLSPACING="0" CELLPADDING="0">

<TR>

<TD>1行目1列</TD>

<TD>1行目2列</TD>

</TR>

<TR>

<TD>2行目1列</TD>

<TD>2行目2列</TD>

</TR>

</TABLE>

HTML結果は！？

1行目1列 1行目2列

2行目1列 2行目2列

アンダンテにリンクを張る1

HTMLタグ
　

<A HREF="http://andante-e.ciao.jp/index.html" target="_blank">ここに「素材屋さんアンダンテ」と入れる</a>

HTML結果は！？
　ここに「素材屋さんアンダンテ」と入れる

アンダンテにリンクを張る2（target="_blank"をトルと・・・）

HTMLタグ
　

<A HREF="http://andante-e.ciao.jp/index.html">ここに「素材屋さんアンダンテ」と入れる</a>

HTML結果は！？
　ここに「素材屋さんアンダンテ」と入れる

target="_blank"を入れるか入れないかで、ページの飛ぶ場所が変わるので注意が必要です。
　　　以下をコピーしてご利用下さい。

同ウィンドウ（同じページ）に飛ぶ

<a href="ここにＵＲＬを入れる" >●ここにタイトルを入れる</a> 

別ウィンドウ（新しいページ）に飛ぶ

<a href="ここにＵＲＬを入れる" target="_blank">●ここにタイトルを入れる</a> 

16進数（色見本）

WEBページでの色の指定は、『#FF0000』などと表記される16進数指示になります。フォントの色指定や、スタイルシート等でご活用ください。

◆#000000 ◆#000033 ◆#000066 ◆#000099 ◆#0000cc ◆#0000ff

◆#003300 ◆#003333 ◆#003366 ◆#003399 ◆#0033cc ◆#0033ff

◆#006600 ◆#006633 ◆#006666 ◆#006699 ◆#0066cc ◆#0066ff

◆#009900 ◆#009933 ◆#009966 ◆#009999 ◆#0099cc ◆#0099ff

◆#00cc00 ◆#00cc33 ◆#00cc66 ◆#00cc99 ◆#00cccc ◆#00ccff

◆#00ff00 ◆#00ff33 ◆#00ff66 ◆#00ff99 ◆#00ffcc ◆#00ffff

◆#330000 ◆#330033 ◆#330066 ◆#330099 ◆#3300cc ◆#3300ff

◆#333300 ◆#333333 ◆#333366 ◆#333399 ◆#3333cc ◆#3333ff

◆#336600 ◆#336633 ◆#336666 ◆#336699 ◆#3366cc ◆#3366ff

◆#339900 ◆#339933 ◆#339966 ◆#339999 ◆#3399cc ◆#3399ff

◆#33cc00 ◆#33cc33 ◆#33cc66 ◆#33cc99 ◆#33cccc ◆#33ccff

◆#33ff00 ◆#33ff33 ◆#33ff66 ◆#33ff99 ◆#33ffcc ◆#33ffff

◆#660000 ◆#660033 ◆#660066 ◆#660099 ◆#6600cc ◆#6600ff

◆#663300 ◆#663333 ◆#663366 ◆#663399 ◆#6633cc ◆#6633ff

◆#666600 ◆#666633 ◆#666666 ◆#666699 ◆#6666cc ◆#6666ff

◆#669900 ◆#669933 ◆#669966 ◆#669999 ◆#6699cc ◆#6699ff

◆#66cc00 ◆#66cc33 ◆#66cc66 ◆#66cc99 ◆#66cccc ◆#66ccff

◆#66ff00 ◆#66ff33 ◆#66ff66 ◆#66ff99 ◆#66ffcc ◆#66ffff

◆#990000 ◆#990033 ◆#990066 ◆#990099 ◆#9900cc ◆#9900ff

◆#993300 ◆#993333 ◆#993366 ◆#993399 ◆#9933cc ◆#9933ff

◆#996600 ◆#996633 ◆#996666 ◆#996699 ◆#9966cc ◆#9966ff

◆#999900 ◆#999933 ◆#999966 ◆#999999 ◆#9999cc ◆#9999ff

◆#99cc00 ◆#99cc33 ◆#99cc66 ◆#99cc99 ◆#99cccc ◆#99ccff

◆#99ff00 ◆#99ff33 ◆#99ff66 ◆#99ff99 ◆#99ffcc ◆#99ffff

◆#cc0000 ◆#cc0033 ◆#cc0066 ◆#cc0099 ◆#cc00cc ◆#cc00ff

◆#cc3300 ◆#cc3333 ◆#cc3366 ◆#cc3399 ■#cc33cc ◆#cc33ff

◆#cc6600 ◆#cc6633 ◆#cc6666 ◆#cc6699 ◆#cc66cc ◆#cc66ff

◆#cc9900 ◆#cc9933 ◆#cc9966 ◆#cc9999 ◆#cc99cc ◆#cc99ff

◆#cccc00 ◆#cccc33 ◆#cccc66 ◆#cccc99 ◆#cccccc ◆#ccccff

◆#ccff00 ◆#ccff33 ◆#ccff66 ◆#ccff99 ◆#ccffcc ◆#ccffff

◆#ff0000 ◆#ff0033 ◆#ff0066 ◆#ff0099 ◆#ff00cc ◆#ff00ff

◆#ff3300 ◆#ff3333 ◆#ff3366 ◆#ff3399 ◆#ff33cc ◆#ff33ff

◆#ff6600 ◆#ff6633 ◆#ff6666 ◆#ff6699 ◆#ff66cc ◆#ff66ff

◆#ff9900 ◆#ff9933 ◆#ff9966 ◆#ff9999 ◆#ff99cc ◆#ff99ff

◆#ffcc00 ◆#ffcc33 ◆#ffcc66 ◆#ffcc99 ◆#ffcccc ◆#ffccff

◆#ffff00 ◆#ffff33 ◆#ffff66 ◆#ffff99 ◆#ffffcc ◆#ffffff