締切済み

HTMLを学びたい

2009/03/23 15:53

サイトをホームページビルダーで作っていたのですが、例えば、どこでも配置モードは、ブラウザによってはカオスな配置になったり、標準モードでは、やりにくい。ビルダーには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>とか、全く意味が分かりませんおねがいします

v0cos30
お礼率26% (43/165)

HTML
回答数4
ありがとう数1

みんなの回答 （4）
専門家の回答

みんなの回答

nekonokota
ベストアンサー率45% (27/59)

2009/03/23 23:56 回答No.4

HTMLを学ぶためのサイトは先の回答者様が紹介しているので、作成環境を整えましょう。と言っても、メモ帳と表示確認に使用するブラウザがあれば作れます。でも、メモ帳はテキスト編集するための最低限の機能しか持っていません。なので、「テキストエディタ」（＜簡単に言うとメモ帳のスゴいやつ）をインストールしましょう。この『スゴいやつ』は、HTMLのタグ（質問にある<BODY>っていうヤツがタグです）を色分けで強調表示してくれたり、ある単語を別の単語に一発置き換えする機能があったりします。 Windows前提になってしまいますが、窓の杜からソフトをダウンロードして使い勝手でどれを使うかを決めればいいです。 http://www.forest.impress.co.jp/lib/offc/document/txteditor/

ログインすると、全ての回答が全文表示されます。

noname#119508

2009/03/23 17:59 回答No.3

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以下を使用してください。

ログインすると、全ての回答が全文表示されます。

noname#83877

2009/03/23 17:10 回答No.2

私はメモ帳で作っていますが、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)

2009/03/23 16:00 回答No.1

例に出された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

ログインすると、全ての回答が全文表示されます。