カテゴリ: 【HTML】

(。・ω・)ノ゙ コンチャ♪
今回もHTMLやって行きましょうか!
前回は…あれですよね。なんだっけ…
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<html>
<head>
<body bgcolor="ffccff">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>初代歌龍のホームページ</title>
<body>
<h1><center><font color="red"size="7"><u>karyu'sHP</u></font></center><br>
<h2><center><font color="red"size="4">プロフィール</font></center>
</body>
</head>
</html>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

これを書きましたよね??詳しくはhttp://shodaikaryu.blog.jp/archives/4170322.htmlまで!
それで、今回は画像の挿入をやって行きましょうか!なっ!

画像挿入にはまず、FTPサーバーの中にpngファイルを置くことが前提です。
置き方は…


①ifileで下の方の本のマークを押す。
②イメージを押す。
③好きな画像を探しコピー
④FTPサーバーの中にペースト。
⑤リネームしてわかりやすい名前にする。

(分からなかったらTwitterまで)


画像ファイルを置けましたね!
(下記を参照)
そしたら、index.htmlを開きます。
そして、画像を置きたい場所に下記のタグを起きます。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<html>
<head>
<body bgcolor="ffccff">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>初代歌龍のホームページ</title>
<body>
<h1><center><font color="red"size="7"><u>karyu'sHP</u></font></center><br>
<h2><center><font color="red"size="4">プロフィール</font></center>

<img src="画像の名前"widht="横幅"height="高さ">
【※横幅と高さはpxで半角数字のみを記入】

</body>
</head>
</html>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
かけましたか?僕は下のようになりました。

できましたね!大きさは試行錯誤で調整してください。

画像は簡単でしたねヾ(。・∀・)oダネ!!
次回の投稿では…なにかしらやりますね!

なにか分からないことがありましたら…
コメントするか


Twitter for 歌龍 

LINE@ for 歌龍

までお願いします。

久しぶりです!
今回から少し外れて、htmlについて書いて行こうと思います!

まず、目標はhtmlでmy homepageを作る事です。(∩´∀`∩)*゜
それでは、本題へと入りましょ〜!


まず、htmlとはなにか。それは…

WEBページを作る為の最も基礎的な言語です。

これを使うことによって、簡単にホームページを作れます。(PC又はJB端末で)

それでは、さっそく作業していきましょう。
【必要な物】

・htmlサーバー
    これはxdmainなどから借りて、ifileやFilzaでFTPログインしてください。

・やりきる気持ち。

です。

それでは、ホームページ作成に当たります。

まず、最初に
/FTPサーバー/ここにindex.htmlというファイルを作ります。
できましたら、テキストで表示します。
そしたら、書き込みの開始です。
基本は下記の様に書きます。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<body>
<title>〇〇〇</title>
</body>
</head>
</html>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

上をコピーして貼り付けてもおけ!
【解説】
<html>
      これは、html文ですよ〜という宣言になります。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     これは、日本語表記を有効にします。
     日本語で表示されない場合付けて下さ  
      い。

<body>
      これは、本文になります。ここに内容 
       を書き込みます。

<title>〇〇〇</title>
        これは、〇〇〇の所を変えることに 
         よって、下記みたいになります。

</〇〇〇>
         これは、/で終わりますよ〜という宣言です。

【本題へ戻る】

さて、できましたか?そしたら、今日は(こんにちわ!)と表示させてみましょう。

本文をこう書いてみて下さい。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<body>
<title>テストです。</title>
こんにちわ!
</body>
</head>
</html>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

できましたか?しかし、このままでは、(こんにちわ!)が左寄せですよね?
なので、

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<center></center>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
をつけます。これは、中央に文字を寄せるタグです。
書き方は
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<body>
<title>テストです。</title>
<center>こんにちわ!</center>
</body>
</head>
</html>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
です。すると、画像みたいになりますね。
こうなったら、成功です。
今回はここまでです。
次回は…文字を大きくするのと、色変えをしていきます。

なにか分からないことがありましたら…
コメントするか


Twitter for 歌龍 



までお願いします。

↑このページのトップヘ