- 締切済み
HTMLを学びたい
サイトをホームページビルダーで作っていたのですが、 例えば、どこでも配置モードは、ブラウザによってはカオスな配置になったり、標準モードでは、やりにくい。ビルダーにはHTMLのゴミがあるらしく、SEO的にもわるいらしく そこで、HTMLを学習していきたいのですが、よく、いろいろなサイトのソースを見ると、文字だらけで青ざめます・・・ HTMLをメモ帳とかで書き込んでサイト作る人はこんなに文字を書きこんでいるのか・・・と思います ヤフーのソースでも <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <meta name="description" content="日本最大級のポータルサイト。検索、オークション、ニュース、メール、コミュニティ、ショッピング、など80以上のサービスを展開。あなたの生活をより豊かにする「ライフ・エンジン」を目指していきます。"> <title>Yahoo! JAPAN</title> <base href="http://www.yahoo.co.jp/_ylh=X3oDMTB0NWxnaGxsBF9TAzIwNzcyOTYyNjUEdGlkAzEyBHRtcGwDZ2Ex/" target=_top> <style type="text/css"> <!-- body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;} fieldset,img{border:0;} ・ ・ ・ ・ と続いていて、よほどのスペシャリストじゃないとこんなのは作れないのでは?と思ってしまいます 自分としてはhttp://moukaranight.ame-zaiku.com/(自分の)ぐらいを作れれば十分なのですが、初心者から学べるHTMLのサイトとかないでしょうか? 本当に、<BODY>とか、全く意味が分かりません おねがいします
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- nekonokota
- ベストアンサー率45% (27/59)
HTMLを学ぶためのサイトは先の回答者様が紹介しているので、作成環境を整えましょう。 と言っても、メモ帳と表示確認に使用するブラウザがあれば作れます。 でも、メモ帳はテキスト編集するための最低限の機能しか持っていません。 なので、「テキストエディタ」(<簡単に言うとメモ帳のスゴいやつ)をインストールしましょう。 この『スゴいやつ』は、HTMLのタグ(質問にある<BODY>っていうヤツがタグです)を色分けで強調表示してくれたり、ある単語を別の単語に一発置き換えする機能があったりします。 Windows前提になってしまいますが、窓の杜からソフトをダウンロードして使い勝手でどれを使うかを決めればいいです。 http://www.forest.impress.co.jp/lib/offc/document/txteditor/
ez-htmlをオススメします。 http://www.w-frontier.com/software/ezhtml.html 現在最新は7.60.4(7.60Beta4)ですが、Betaであり、安定してないので(バグでHTMLソースが消えました) 旧バージョン7.47.0(7.47正式版)かバージョン7.20.0(7.20正式版)をオススメします。 実際7.40以降はリンクウェア(作ったHPにez-htmlのサイトへリンク)です。 リンクがいやなどの理由がある場合はリンク解除権を購入するか、バージョン7.20.0以下を使用してください。
私はメモ帳で作っていますが、head内のものはほとんどテンプレート化しているので細かい部分は覚えていなかったりします。 body内のタグもh1~h6、p、a、ul、li、img、divを覚えておけば大抵のサイトでは困りません。 私はhttp://www.tohoho-web.com/html/index.htmでhtml(というかタグ)を覚えました。 htmlのルール(書きかた?)のようなものは疑問に思うたびに検索して調べるのが良いと思います。 1つのサイトや書籍だけで学んでしまうと情報が古い時に気づけない可能性があるので。
- nyonyon
- ベストアンサー率51% (893/1745)
例に出されたYahoo!のソースでも、HTMLの基礎が分かればさほど難しい内容でなかったりします。 初心者はまず基本的なHTMLの構造と構文を覚えられれば大丈夫でしょう。 なお、ビルダーも使いようです。 ビルダーの標準モードでの設定を少し変更するだけで、弱点とされてる点も十分に補えます。 また、一度ビルダーで作成したあと、ソース画面を見てみると、たとえば表を作る時はこのようなソースになるのかと、視覚的に確認することできますから。 さて、初心者向けのお勧めサイトはこちらです。 「1時間で作るホームページ」 http://www.shoshinsha.com/hp/index.html 「超初心者のためのホームページ作成講座」 http://park16.wakwak.com/~html-css/index.html 「ホームページできるかな」 http://www.dekirukana.net/index.html 「TAG index」 http://www.tagindex.com/index.html