HTMLのタグの知識は不要のHTMLタグ作成ツール

前回の予告どうり、ネット上で簡単にＨＴＭＬのタグを作成してくれるサイトを紹介！

そのまま使いまわしてもいいんですが、ＨＴＭＬタグを覚えるのにも役立ちます。

はじめのころはとっつきにくいと感じるかもしんないですが、
やり始めると、だんだんとわかってくるので面白くなりますよ。

紹介サイトは以下です。

初心者にもやさしい 簡単HTML作成:ホームページのタグ作成ツール

左メニューをクリックして、自分が使いたいものを選んで作って行きます。

枠線２重作成例

左メニューの一番下あたりの「枠線２重」を使ったものを以下に例として表示させてみました。

こんな感じの

ものが、

ボタン選択だけで

出来ます(^∇^)

ただ、横幅や縦幅は指定できないので、これは自分で付け足さないといけません。

上記の枠の場合は、横幅（タグはwidth）を200pxとしています。

ボタンで選択し終わったら、「ＨＴＭＬ作成」ボタンを押すと下記のようなものがでてきます。

<DIV style="margin:5px;padding:3px;border: 4px solid #ff00ff;background-color:#FFD1E4; width:200px;"><DIV style="margin:0px;padding:10px;line-height:1.3;border: 3px dashed #ff00ff;background-color:#FFD1E4;font-family:'HGP創英角ﾎﾟｯﾌﾟ体',Arial,'ＭＳ Ｐゴシック',Osaka,sans-serif;font-size:100%;color:#0000ff;text-align:left;">こんな感じの<br /><br />ものが、<br /><br />ボタン選択だけで<br /><br />出来ます(^∇^)</DIV></DIV>

赤い部分はわたしが付け足した横幅です。

これをコピペするだけで上記のものと同じものが出来るんですよ～！

まだＨＴＭＬやＣＳＳわかんないってひとは、一度使ってみてみてくださいね。

こうやって作成したタグを参考にして、ＨＴＭＬやＣＳＳをちょっとづつ勉強すると、とても早くタグを使えるようになると思いますよ。

ちなみにわたしもこんな感じから勉強しました。
ちょっとくらいまちがっても何とかなるもんですしね～。