スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-------- : スポンサー広告 :

HP作成初心者、タイトルをHTMLで入れてみる

HTML手打ちで、
ページのタイトルと
サブタイトルを、記述してみます!


<div id="header">
<h1>HTML超初心者のHP作成</h1>
<p>初めてのHP作成!上手に出来るかな?</p>
</div>



HP作成 HTML初心者すぎて超基本からのスタート!
上記の様に記述すると こんな感じになりました↑

※なんか、画像みずらいですね!
プリントスクリーン?で、ペイントで色々ほどこして
こんな感じになってしまった・・・
もっと見やすくかっこよくなるように
研究予定☆(追記!HPに上手にHP画面を表示する方法こちら!)




 解説!↓

<div id="header"> ←詳しくはなぞですがdiv idが"header"だよって
              ことなんでしょうね・・・
              うーん。むずかしくてよくわかりません。
              調べましたが理解不能でした。
           
              
<h1> タイトル </h1> ←ここにタイトル。

<p>サブタイトル</p>   ←ここにサブタイトル。

</div> ←        <div>で始めたから</div>でとじる!みたい。


以上、頼りない解説でした☆

<h1>は、SEO対策上にも
大切だと聞いたことがあります!
やっぱり、タイトルって大事なんですね。






HP作成 初心者すぎて超基本からのスタート HOME




スポンサーサイト
2012-03-24 : HTMLで入力 : コメント : 0 : トラックバック : 0 :

HTMLで欠かせない!

HTMLでHPを手打ちで作るとき、
まず
こちら↓の記述が
必須のようですね!


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>

<BODY>

</BODY>
</HTML>


これに色々して
HPになるのね。
まず、メモ帳に
記述してみました☆



HP作成 初心者すぎて超基本からのスタート HOME



2012-03-24 : HTMLで入力 : コメント : 0 : トラックバック : 0 :

HTMLでコピーライトを記述!

HPの一番下に
コピーライトを
記述してみます!

<body>~</body>の間に記述します。


<div id="footer">
<address>
Copyright (C) 初心者HTML,All rights reserved.
</adress>
</div>


HP作成 HTML初心者すぎて超基本からのスタート!


初心者的解説↓


<div id="footer">  ←div idは、フッターです。
<address>      

Copyright (C) 初心者HTML,All rights reserved.
   ←ここにコピーライトをいれます!
                                   
</adress>
</div>        ←divではじめたので、divでとじましょう。



今日の感想。
これ(コピーライト)を入れると、
なんか、HPって感じ!


HP作成 初心者すぎて超基本からのスタート HOME



2012-03-24 : HTMLで入力 : コメント : 0 : トラックバック : 0 :

いよいよ!自作HPに文章入力~

コピーライトというものを
記述したところまで
出来ました。

で!
次は!
いよいよ
文章入力!!!
どんどんHPって感じ( ´艸`)

さてさて、
↓下の、青い字の部分を新たに入力しましたよっ

--------------------------------------------------------
<HTML>
<HEAD>
<TITLE>初心者HTML</TITLE>
</HEAD>

<BODY>

<h2>HTMLでHPを作ってみよう!</h2>

<p>超初心者がHPを作るまでの道のり。 超基本からスタートする初心者のためのサイト!</p>

<h3>HTMLって何?CSSって何?</h3>

<p>初心者ならではの、わかりやすい説明でHP作成を作っていきます!</p>




<div id="footer">
<address>
Copyright (C) 初心者HTML,All rights reserved.
</adress>
</div>

</BODY>
</HTML>

---------------------------------------------------------
すると、
↓このように表示されます!



HP作成 HTML初心者すぎて超基本からのスタート!

って・・・
なんか、画像小さい・・・
見づらっっ・・・・!!!

見づらいけれども、
一応、文章が、入っているんです。よ。

この、HPの画面をブログで表示すること、
すっごい
むずかしいんですが!!?

研究をかさね、
プリントスクリーンをして
エクセルで縮小して
そのエクセル画面を
またプリントスクリーンして
必要ない部分を
パソコン(Vista)に入っている
ペイントで
トリミングで切り取って
(急にペイントで縮小しちゃうと
なんか文字とか、ぼけぼけしちゃう!
ので、わざわざエクセルで縮小してみた。)
ってやってみたんだけど、
なんか上手にやっている方々みたく
出来ません!
もちょっと研究してみますかね。
(追記 研究した結果、上手に出来る方法はこちら!)


初心者流に解説してみると、

文章を入れるときは、
<BODY>の間へ。
きっと文章が<BODY>の一部なのでしょうね。
あと、<h2>~</h2>とか<h3>は、見出し。なので文字が
大きくなっていますね。
<p>~</p>には、文章を入れます。
新聞でいう、見出しが<h?>で
記事が<p>って感じなのでしょう。




HP作成 初心者すぎて超基本からのスタート HOME



2012-03-24 : HTMLで入力 : コメント : 0 : トラックバック : 0 :

HP作成のときに一番最初に入れる文字。

メモ帳に
HP作成の
手打ちを始めました!
無料ですごいHP作ってみせますよ☆(たぶん)

まずメモ帳を開いて・・・


<!DOCTYPE html PUBLIC".//w3c//DTD XHTML 1.0 Transitional//EN""http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=http://www.w3.org/1999/xhtml">

↑これを入力しました。


この<!DOCTYPE html ~・・・・>
とやらは、
なんだか
HPを作るときに入力する
呪文みたいなもの、といった
感じみたいなので
これ以上深追いするのは
やめました。
はい。



☆今日のまとめ!
HP作成は最初に呪文みたいなものを
入力するらしい。
(ちなみに!DOCTYPE・・・を入力しても
HPで表示したときは何もでないようです。
不思議ですねぇ。)

↑追記!
『DOCTYPE宣言』というらしいです。




2012-02-25 : HTMLで入力 : コメント : 0 : トラックバック : 0 :
ホーム

QRコード

QR

検索フォーム

スポンサードリンク

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。