(。・ω・)ノ゙ コンチャ♪
今回も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>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
それで、今回は画像の挿入をやって行きましょうか!なっ!
画像挿入にはまず、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で半角数字のみを記入】
【※横幅と高さはpxで半角数字のみを記入】
</body>
</head>
</html>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
かけましたか?僕は下のようになりました。
できましたね!大きさは試行錯誤で調整してください。
画像は簡単でしたねヾ(。・∀・)oダネ!!
次回の投稿では…なにかしらやりますね!
なにか分からないことがありましたら…
コメントするか
Twitter for 歌龍
LINE@ for 歌龍
までお願いします。
コメント