HTMLの基礎はあるのですが、もっと知りたくて
調べたら結構な数があって、選べません。初心者では
ありません。
Scriptは今のところできません。
いいのがあったら教えて下さい。

このQ&Aに関連する最新のQ&A

A 回答 (5件)

HTMLはそんなに超めずらしい文法を使用してもしょうがないので、1,2冊リファレンス的なホンがあれば十分です。



本屋に行けば、何冊かあるので、『リファレンス的』な好きな本を買えば良いと思いますが、
『アンク著 HTMLタグ辞典』 か
こんごスクリプトも含めて一冊でということなら
『詳解 HTML&Java Script辞典』
あたりでしょう。
月並で、多分持っている人も多いでしょうが、この辺が安定して使用できる書籍だと思います。
    • good
    • 0

私がお薦めするのは秀和システム刊の


『詳解 HTML&Java Script辞典』(2500円)です。
お薦めする理由としては、
・600ページもの本なのに、全ページカラーで見易い。
・Java Scriptのソースなどを、サポートページから
 コピー&ペーストで持って来れるので、タイプミスの
 心配が少ない&手間もかからない。
などが挙げられます。
私も、決して上級者ではありませんが、完全な初心者と
言う訳でもなく、こんな中途半端な私レベルでも、
非常に解り易くて良い本だと思います。

参考URL:http://www.shuwasystem.co.jp/
    • good
    • 0

アンク著の「HTMLタグ辞典」がオススメです。

私もこれを
片手にやっていました。

htmlの勉強を目的とするなら、辞典を読んで勉強する方法より、
「これはっ!」と思うページのソースを眺めて、意味がわからない
タグがあったら辞典を開く方法がいいですよ。
    • good
    • 0

ちょっと前の本ですが、こういうのもあります。


読み物として、リファレンスとして使えると思います。

参考URL:http://www.villagecenter.co.jp/book/html40_2.html
    • good
    • 0

 下のリンク先の本がお薦めです。



理由は……

・内容が正確。(世の中にはいいかげんな本も多い。タグと要素を混同していたり、<NOFRAMES>のことを<NOFRAME>と書いてあったりとか。)
・文章がこなれていて、読みやすい。
・スタイルシートも解説されていて、お得。

参考URL:http://www.shuwasystem.co.jp/books/wwwsrch/cgi-b …
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q国語辞典のような社会科事典・辞典(中学生の学習に適した物)

百科事典のような「読み物」的な要素が強い物ではなく、国語辞典のような「言葉の意味を調べる」のに適した、社会科事典・辞典はありますか?

例えば、「大化の改新」と言う言葉を引いたら、645年だとか、誰が起こしたか、など書いてある。「中大兄皇子」を引いたら、何をしたとか、後に天智天皇になったとか書いてある。「ポツダム宣言」を引いたら、宣言の内容や、ポツダムはどの国の地名です、とか書いてある。
地理のみ・歴史のみ・公民のみでもかまいません。
出版社と題名、本の大きさ(広辞苑くらいとか、教科書くらいとか)、わかれば値段も教えてください。

成績が普通~優秀な中学三年生が使って「便利・わかりやすい」と思うレベル。または、中学生を教える人が使えるレベル。
電子辞書でも可。

〔用語辞典は「辞典」で歴史事典は「事典」ですね。〕

Aベストアンサー

私も、ご自分で勉強なさるんでしたら、山川出版社の用語集が良いと思います。高校生用で、分野別になっています。
世界史A・世界史B
日本史A・日本史B
地理(A・B併用)
政治経済
現代社会
倫理
の計8冊出ています。一般的な世界史・日本史でしたらBの方が良いと思います(Aは近代が中心ということです)。

↓のサイトで「山川出版社 用語集」と検索すると全部出てきますよ。

参考URL:http://www.honya-town.co.jp/

Q▲▲HTML?Java Script?どっちかわからないけど見てください☆▲▲

ココのホームページ、http://heo.jp/tag/color/index.php?page=3クリックする事で文字をコピーする方法。ソースを見ても良くわかりません。わかるかた教えてください、お願いします(*'v'*)

Aベストアンサー

JavaScript です。
クリックする場所あたりのソースを良く見ればわかりますよ。

<td> タグ(表のセル)の中で、
onmousedown='window.clipboardData.setData("text","#5F5F5F");'
というのと
onmouseup="alert('コピー完了')"
というのが書いてあります。

前者はマウスボタンが押し下げられた時に発生するイベントで、クリップボードに文字列をコピーしています。
コピーする文字はセルごとに固定で書いてあります。

後者はマウスボタンを離した時に発生するイベントで、単純にメッセージ ダイアログを表示しています。

Q教育学じてん(辞典・事典)

教育学辞典・教育学事典はあまた出版されていますが,
経験者(教育学部出身者,大学院教育学専攻者,
大学教員)の方々から評価すると,どのようになるのでしょうか?

予算(財布の許容範囲)からすると下掲三点になるのですが,
有用と判明すれば,他の事典・辞典のご推薦はもちろん,
赤字にも耐える覚悟でおります。

後続の類似質問者の方の便宜も考えて,
専門家の方々のコメントを切望しております(とうぜん辛口歓迎)。

(1)『現代教育学事典』青木 一 (編)1988/10 労働旬報社
(2)『教育学小事典 新版 』竹内 義彰 (編)
(3)『教育学用語辞典 』岩内 亮一 (編)

※ 上記三点に拘らず,思う存分,批評してください。

Aベストアンサー

私も3,4冊の事典の執筆(分担)をしているのですが,あげられたものは,ずいぶん値段に差がありますね。(1)は高いし,やや記述が一方に偏している嫌いがあります。また少し古いのではないでしょうか。使いかたとして,教員採用試験をうけるため,大学の授業の参考文献,院生で研究のため,かによって違います。まえの二つなら私は,平原春好・寺崎昌男『教育小事典』を薦めます。目配りがあり,記述もバランスがあります。

Q【AMP HTML】AMP HTMLってなんですか?HTML 4.0、4.1→HTML 5→AM

【AMP HTML】AMP HTMLってなんですか?

HTML 4.0、4.1→HTML 5→AMP HTML??

Aベストアンサー

AMP HTML(AMP(Accelerated Mobile Pages) HTML)とは、Googleがモバイル端末でのブラウザの表示速度を高速化する為に作成したHTML仕様です。
https://googleblog.blogspot.jp/2015/10/introducing-accelerated-mobile-pages.html
スマホやタブレット等のモバイル端末用のウェブサイトはリッチになりましたが、その分重く、表示に時間がかかるようになった事から高速表示が可能なAMP HTMLを作成しました。

Q辞典と事典

辞典と事典とは、どこがどう違うのでしょうか?

Aベストアンサー

辞典: 言葉を説明する 国語辞典、英和辞典
字典: 漢字(文字)を説明する 漢字筆順字典、書道三体字典
事典: 事物を説明する 百科事典、配色事典

QHTMLの基礎な質問。

こんにちは。

FC2でブログを始めたのですが、
少しHTMLを触る必要がありサッパリです。

どうか、ご教授下さい。

リンクのページなんですが、下記HTMLで

<a href="javascript:window.location.replace('http://blog.fc2.com/?linkid=artmangallery');">不登校・引きこもり自助グループ@京都~ゆんたく~http://ameblo.jp/pumpkin-seeds-hikikomori/</a>

とFC2が用意したデフォルトHTMLにタイトルとURLを追加しました。

不登校・引きこもり自助グループ
@京都~ゆんたく~
http://ameblo.jp/pumpkin-
seeds-hikikomori/

と表示されます。
本望としては、

不登校・引きこもり自助グループ
@京都~ゆんたく~

と表示して、クリックすると上記のURLに飛ぶ様にしたいのですが、
どの様なHTMLにすればいいですか?

物凄く初歩の質問ですみません。
どうか宜しくお願い致します。

こんにちは。

FC2でブログを始めたのですが、
少しHTMLを触る必要がありサッパリです。

どうか、ご教授下さい。

リンクのページなんですが、下記HTMLで

<a href="javascript:window.location.replace('http://blog.fc2.com/?linkid=artmangallery');">不登校・引きこもり自助グループ@京都~ゆんたく~http://ameblo.jp/pumpkin-seeds-hikikomori/</a>

とFC2が用意したデフォルトHTMLにタイトルとURLを追加しました。

不登校・引きこもり自助グループ
@京都~ゆんたく~
http://ameblo.jp/pumpkin-
seeds-...続きを読む

Aベストアンサー

念のために聞きますが、リンクの飛びたい先は http://blog.fc2.com/?linkid=artmangallery じゃなくって http://ameblo.jp/pumpkin-seeds-hikikomori/ ですよね? でしたら
<a href='http://ameblo.jp/pumpkin-seeds-hikikomori/'>不登校・引きこもり自助グループ@京都~ゆんたく~</a>
でできるはずです。

というか、なんで単に href 指定でできることで JavaScript を使っているのでしょうか?

Q百科事典みたいな音楽辞典

何十巻かで構成されている百科事典みたいな音楽辞典の名前を忘れてしまいました。大きな図書館などで見かけます。
外国っぽい名前だったような気がします。
ご存知の方、教えてください。

Aベストアンサー

グローブ音楽世界大事典(Grove Dictionary of Music and Musicians )ではないでしょうか?

QHTML/CSSの基礎を学べるおすすめ書籍

去年に機会があって、オフィス活用の講習へ行きました。パソコン使用歴は長いのに、驚くべき機能や効率化を図れる使い方などがあり目から鱗でした。順を追って学習していくことの大切さを知りました。

私は今、会社のECサイトを作ったり管理する仕事に携わりたいと考えていますが、どうにもスキル不足で応募に踏み切れません。趣味ではweb制作をしています。しかしテンプレートをお借りして、タグサイトから気になるものをチョイスして、javascriptなどのプラグインは海外サイトから...という逆引き的使用をしていたため、じゃあ今から簡単なサイトを組み立て下さいと言われるとお手上げです。そしてHTML5などが出てきた今、戦力0と言ってもいいと思います。

講習は競争率と費用の仕事の問題で中々困難です。
新しめでわかりやすい、基礎を学べる書籍がありましたら教えて下さい。

Aベストアンサー

 それが意外と難しい。そんな「まどろっこしい事」をしたくないから本に飛びつく。とりあえず見栄えだけは手に入る。それは、「テンプレートをお借りして、タグサイトから気になるものをチョイスして、javascriptなどのプラグインは海外サイトから...」と同じですし、本もそう書かないと売れない。
 一方、やはり、こつこつ基礎から学ぶのもネットしかない・・・。本には無いでしょう。

 ご存知のとおりネットにある情報の大部分は、「テンプレートをお借りして、タグサイトから気になるものをチョイスして、...」であるのも事実ですが、それでも、探せば、ネット上にしっかりしたサイトはたくさんあります。
 現在、HTML5が勧告の一歩手前に来ていて、そう待たずに勧告となるでしょうが、それが現実に使えるようになるのは、またまだ時間がかかります。【いつもながら、大きなシェアもっているIE・・IE8以前のものが足を引っ張っている。】
 しかし、HTML5でHTML4.01で説明が足りなかった部分が加えられていることは、極めて重要です。それは、HTML4.01ですでに推奨されていた-----文書構造とプレゼンテーションの完全な分離です。HTML5では、HTML4.01で「非推奨」という「軟弱な言葉」で示されていた、プレゼンテーションを目的としたすべての要素、属性が廃止になっています。残ったものも文書構造を示すものに説明が変わります。
______________________ここから
著者
 ・・・【中略】・・・
 HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。
 ・・・【中略】・・・
 推奨しない要素は、HTMLの将来のバージョンでは廃止になる可能性がある。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで、
4.1 定義( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )より

 「HTML4.01で説明が足りなかった部分」ですが、実はHTML4.01においても、
______________________ここから
DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで、
7.5.4要素のグループ化: DIV要素とSPAN要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )より

と書かれていたとき、想定していたのは、
<div class="header">
 ここはヘッダ
</div>
<div class="section">
 ここは本文
 <div class="aside">
  ここは本文と関係ない記事
 </div>
</div>
<div class="footer">
 ここはフッタ
 <div class="nav">
  ここはナビゲーション
 </div>
</div>
のような使い方を想定していたのですが、現実には文書構造とはまったく関係ないleft,wrapper・・
 HTML5では、そのようなことを防ぐために
<header>
 ここはヘッダ
</header>
<section>
 ここは本文
 <aside>
  ここは本文と関係ない記事
 </aside>
</section>
<footer>
 ここはフッタ
 <nav>
  ここはナビゲーション
 </nav>
</footer>
と書くことになります。
★HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/ )

 以上を踏まえて
★HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
★HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/ )
を、最初から最後まで読んでおくこと。これがあなたが探している一番の教科書でしょう。

 プレゼンテーションから解き放たれたHTMLは、そのままではシンプルで、あなたの目にはシンプルすぎるでしょう。しかし、それは誤解で、
______________ここから
スタイルシートはこれらの問題を解決すると同時に、HTMLにおける制限されたプレゼンテーション機構に取ってかわる。スタイルシートでは、行間の設定やインデントの設定、テキスト色や背景色、フォントのサイズとスタイル、その他様々なプロパティの設定が簡単にできる。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで
14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )より

 HTMLでは不可能であったプレゼンテーションが可能になります。先日回答した
<div class="nav">
 <ul>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
 </ul>
</div>
という、文書構造だけを記述したもの(あなたでもこの程度なら書けるはず・・)でも、スタイルシートで劇的に表現力があがります。
★離れた場所にマウスオーバーで画像を変えたい。 - Webデザイン・CSS - 教えて!goo ( http://oshiete.goo.ne.jp/qa/7364249.html )

 このようにスタイルシートは、すばらしいですが、残念ながら書籍を読んでこのようなスタイルシートが書けるようにはならないでしょう。じゃ、私(還暦過ぎました)はどうやって身につけたか・・・。それもHTMLと同じように、仕様書です。
★REC-CSS2 邦訳 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html#toc )
 (注)残念ながら、現在ウェブ標準と各ブラウザベンダーがみなしているのは、この改訂版のCSS2.1です。しかし、私もCSS2.1の良い邦訳は知りません。--変更点(CSS2.1 Appendix C 邦訳) ( http://www.d-toybox.com/spec/CSS2.1/appendixC/ )もしくは、原文(英語)の
★Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification ( http://www.w3.org/TR/CSS2/ )
を見ることになるでしょう。

 以上・・・です。javascriptに関しては、ブラウザごとの違いもありjQuery: The Write Less, Do More, JavaScript Library ( http://jquery.com/ )のような優れたライブラリを使うほうが現実的です。もちろん、簡単なものなら学んで置いてソンはありません。
1) イヌでもわかるJavaScript講座 ( http://www.red.oit-net.jp/tatsuya/java/index.htm )
2) 5・6年生にもわかるやさしいJavaScript ( http://www.sky.sannet.ne.jp/masapine/java_top.html )
とか

 とにかく、紹介した仕様書を最初から通して読んでおくこと。そして必要なとき必要な項目を参照できるようになること。多分それが行き止まりの脇道に迷い込まずに、山を登れる一番の一番の早道でしょう。

 紹介したリンク先は必ず目を通してください。その前後にも大事なことがたくさんか枯れています。

 それが意外と難しい。そんな「まどろっこしい事」をしたくないから本に飛びつく。とりあえず見栄えだけは手に入る。それは、「テンプレートをお借りして、タグサイトから気になるものをチョイスして、javascriptなどのプラグインは海外サイトから...」と同じですし、本もそう書かないと売れない。
 一方、やはり、こつこつ基礎から学ぶのもネットしかない・・・。本には無いでしょう。

 ご存知のとおりネットにある情報の大部分は、「テンプレートをお借りして、タグサイトから気になるものをチョイスして、....続きを読む

Q商用利用でも著作権フリーな人名辞典や百科事典はありますか?(デジタルデータで、日本語および英語)

表題のとおりなのですが、
商用利用でも著作権フリーな人名辞典や百科事典はありますか?(デジタルデータで、日本語および英語でもほしいです。)

よろしくお願い申し上げます。

Aベストアンサー

商用の場合には、引用されたサイトではなく、引用したあなたに内容の正確さに関しての責任が生じます。

たとえば、ウィキの内容に誤りがあるのに気づかずに引用して、それを見た第三者に損害を生じた場合には、あなたに損害賠償の責任が生じます。

私だったら商用にはフリーのものは絶対に使いませんよ。

QHTMLから、ページ全体の横幅やリンクの情報等を調べたい

こんにちは。

現在、外部から渡されたHTMLファイルを
チェックするプログラムをC#で書こうと思っています。
ただ、HTMLに関する知識に乏しいため、
こちらで質問をさせていただこうと思いました。
(カテゴリ違いであれば、申し訳ありません)

ブラウザはIE6のみを想定し、チェックを行います。
チェック項目は以下です。
(当方がわからずにいる点も、一緒に記述します)
+++++++++++++++++
●「ページ全体の横幅が何pixelか」
 ・様々なタグにwidthがあるため、
  漏れなく全体を調べ、間違いなく『ページ全体の横幅』を
  調べる方法がわからずにいます。

●「リンクがある場合、リンク先が
 同サーバ上にあるファイルなのか、
 外部(インターネット上)にあるファイルなのか」
 ・リンクがあるかどうかは、<a>か<link>のhref属性を調べるだけで、
  漏れはないでしょうか。
 ・リンク先が外部かどうか調べるには、
  "http://"という文字列があるかどうかだけで大丈夫でしょうか。
+++++++++++

お手数ですが、回答いただけると助かります。
よろしくお願いいたします。

こんにちは。

現在、外部から渡されたHTMLファイルを
チェックするプログラムをC#で書こうと思っています。
ただ、HTMLに関する知識に乏しいため、
こちらで質問をさせていただこうと思いました。
(カテゴリ違いであれば、申し訳ありません)

ブラウザはIE6のみを想定し、チェックを行います。
チェック項目は以下です。
(当方がわからずにいる点も、一緒に記述します)
+++++++++++++++++
●「ページ全体の横幅が何pixelか」
 ・様々なタグにwidthがあるため、
  漏れなく全体を調べ、間違い...続きを読む

Aベストアンサー

>ページ全体の横幅が何pixelか
描画しなければ判らない。
なぜならば画面の環境は個々個々だから。
>漏れはないでしょうか
javascriptを調べないと完全とは言い難いが、それなりに網羅可能。
>リンク先が外部かどうか調べるには
常に絶対URLの場合が有り、片手落ち

通常それらの情報は実際に描画されたページをjavascriptを用いて調べる方が早い。
描画する前に取得するには仮描画を行い抽出するしかない。

横幅系
http://www.tohoho-web.com/js/window.htm#innerWidth
来歴系
http://www.tohoho-web.com/js/location.htm


人気Q&Aランキング

おすすめ情報