- 締切済み
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>とか、全く意味が分かりません おねがいします
- v0cos30
- お礼率26% (43/165)
- HTML
- 回答数4
- ありがとう数1
- みんなの回答 （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
関連するQ&A
- これは何を意味しますか？
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY> <img src="./image/2151.jpg"> </BODY> </HTML>
- ベストアンサー
- HTML
- HTMLの文法チェックをするとCSS関連でエラーが出て困っています。
http://validator.w3.org/ http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html でHTMLの文法チェックをすると， <body><style TYPE="text/css"><!-- という行があるとエラーが出ます。 実際のHTMLは外部スタイルシートを使っているのですが <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <title>タイトル</title> <meta name="Keywords" content="キーワード "> <meta name="Description" content="内容説明"> <link rel="stylesheet" href="./css.css" type="text/css"> </head> <body> <div id="page"> 以下略 であり，<body>タグの後ろは<div>タグなのですが，何故かそう認識されます。 スタイルシートの指定がおかしいのかと考えたのですが， いくら検索しても<head></head>間に <link rel="stylesheet" href="./css.css" type="text/css"> を入れるとしか書いてなく理由がわかりません。 ちなみにcss.cssの内容は *{} というような内容の羅列のみで，その他の情報は一切入れていません。 どこがおかしい点なのかわからず悩んでおります。 理由のわかる方いましたら是非ご教授願います。
- ベストアンサー
- HTML
- HTMLの意味を教えてください
おはようございます。みなさんのお知恵を貸してください。 ＨＰ内の＜ＨＥＡＤ＞に <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> というのがありますが、これはどういう意味でしょうか？ よろしくおねがいします。
- ベストアンサー
- ホームページ作成ソフト
- ▲▲METAタグについて▲▲
HTMLとCSSでHPを作るとき。 METAタグはこれでよいでしょうか？？ <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <meta http-equiv="content-style-type" content="text/css">
- ベストアンサー
- HTML
- HTMLソースについて質問です。
HP初心者で HPを作成しようとしているのですが 下記のソースを一度アップロードして、表示させてみたところ インターネットエクスプローラーのタブの部分にタイトル名が 出ると思うのですが、その部分が文字化けしたようになります。 何が悪いのかさっぱりわかりません。 初歩的なことなのかもしれないですが お分かりになる方 助言していただければとても助かります。 ーーーーーーーーーーーーーーーーーーーーーーー <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <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="robots" content="INDEX,FOLLOW"> <meta name="description" content="殺処分ゼロを目指して、地域猫の推進、野良猫の保護、里親探しなどの地域活動を行っています。"> <meta name="keywords" content="野良猫,迷い猫,譲渡,猫保護,里親,保健所,地域猫,猫苦情,動物愛護,猫カフェ,猫動画,ボランティア"> <title>猫会</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> </body> </html>
- ベストアンサー
- CSS
- HTML5の構文について質問です。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="robots" content="noindex,nofollow,noarchive"> <title>私のホームページ</title> <link href="style.css" media="all" rel="stylesheet" type="text/css"> </head> 今まで4.1で組んでいたものですから若干の戸惑いがあります。 １．上記構文で足りないものはありますか？ ２．<meta http-equiv="Content-Style-Type" content="text/css">を入れると構文チェックでエラーになります。エラーになる理由を教えて下さい(テキストにはStyle-Typeを指定したほうが良いというようなことが書かれています)。 ３．HTML5とは関係がないですけれど<link href="style.css" media="all" rel="stylesheet" type="text/css">を</title>の後に記述するのはなぜでしょうか？ ビルダーからＤＷに乗り換えたばかりのHTML5を勉強中の作家です。
- ベストアンサー
- HTML
- ホームページのヘッダ部分について
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML LANG="JA"> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=Shift_JIS"> <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="text/css"> <META HTTP-EQUIV="CONTENT-SCRIPT-TYPE" CONTENT="text/javascript"> <TITLE>○○○○</TITLE> <LINK REL="STYLESHEET" TYPE="text/css" HREF="css1.css"> <meta name="keywords" content="△,△,△,△,,△,△,"> <meta name="description" content="●●●●●"> </HEAD> <BODY> … となっているのですが、無駄な部分はありますか？ 順番などは合ってますか？ また、こうしたほうがいい、などとアドバイスがあればぜひよろしくお願いいたします。
- 締切済み
- レンタルサーバ・ASP
- H1タグの色を変えたい。
H1タグの色をCSSで変更したいのですが、上手くいきません。 どこの設定を間違えているのでしょうか？ 大変申し訳ございません。ご教授よろしくお願いいたします。 以下にソースを記述します。 /*--- HTMLソース ---*/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="index.css" type="text/css"> <title>H1タグ色変更</title> </head> <body> <h1>大見出し</h1> </body> </html> /*--- CSSソース（外部ファイル：index.cssとする） ---*/ @charset "utf-8" h1 {color: #0000ff;}
- ベストアンサー
- CSS
- 検索エンジンについて
9月の終わりにgoogle検索に登録したのですが 今日検索をかけても自分のHPがひっかからなくて困っています <HTML><HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <Meta Name="description" Content="こちらに説明"> <Meta Name="keywords" Content="こちらに,検索,タグを入れてます"> <Meta Name="ROBOTS" Content="INDEX"> <TITLE>HPタイトル</TITLE> <style type=text/css> </HEAD><BODY BGCOLOR="#ffffff"> こちらに内容 </BODY></HTML> このように記述しています なぜ検索にひっかからないのかどうしてもわかりません 原因がわかる方がいらっしゃいましたら教えてください
- ベストアンサー
- HTML
