- ベストアンサー
ＣＳＳ初心者のための製作方法
- 初心者の方向けに、CSSの記入方法やJavaScriptソースの記入場所について解説します。
- 参考サイトを紹介しながら、具体的なコード例を示し、理解しやすく説明します。
- また、プログラミング初心者でも取り組みやすい方法を提案します。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
CSSはHTMLのhead要素（<HEAD>~</HEAD>）に入れる方法と、別にCSSドキュメントで作っておく方法があります。 初心者なので、HTMLのhead要素に入れておいても問題ありません。 が、CSSだという宣言をしておかなくてはいけないので、直接HTMLに入れ込むときは <STYLE type="text/css"> <!-- a.menu { text-decoration: none; border: 1px solid #8080ff; background-color: #ccccff; padding: 1px; } --> </STYLE> という形にしましょう。 JavaScriptソースはAllAboutで次のページで「HTMLのhead要素内に記述しておきます」とあります。 CSSタグの下に入れておけば大丈夫でしょう。
その他の回答 (2)
- sabaneko300
- ベストアンサー率0% (0/2)
参考サイト拝見し、そちらにもhead要素内に記述と書いてありましたので head要素内がどの個所を指しているのかがわからないのかと思えたのですが、、どうでしょうか。 htmlソースは、下記の様な記述から始まるかと思いますが <!DOCTYPE html ・・・・ <html ・・・・ <head>←ここからhead要素始まり <meta ・・・・ <title> ・・・・</title> ■■■←例えばこの辺に記述 </head>←ここまでhead要素終わり 「ここからhead要素始まり」から「ここまでhead要素終わり」の間をhead要素内といいます。 この間に記述で問題ないかと思います。 「■■■←例えばこの辺に記述」の箇所に記述すると下記の様な感じです。 ～～～～～～～～～～～～～～～～～～～～～～～ <title>・・・・</title> <style type="text/css"> <!-- a.menu { text-decoration: none; border: 1px solid #8080ff; background-color: #ccccff; padding: 1px; } --> </style> <script type="text/javascript"><!-- function sublist( target ) { var TargetList = target.parentNode.getElementsByTagName('ul'); if ( TargetList[0].style.display == 'none' ) { TargetList[0].style.display = 'block'; } else { TargetList[0].style.display = 'none'; } } // --></script> </head> ～～～～～～～～～～～～～～～～～～～～～～～ けんとうちがいなら、ごめんなさい。 あと、サンプルのhtmlソースそのままではリストの開閉はしないと思いますが、 その辺は理解されているのでしょうか。
- ・真 綾・（@Ma-yan_bh1011）
- ベストアンサー率30% (79/257)
(サイトは見てません) 分からないうちはとりあえずHTMLの<head></head>間に入れれば大丈夫です。 その場合CSSは<style type="text/css"></style>で囲んでください。 <!-- というか初心者ならいきなりこんなものに手を出すんじゃなくてまともな静的HTMLを一つ仕上げることを目指してほしい -->
お礼
ありがとうございます 今、出来ました やっと意味が解りました 今度は、ドロップダウンメニューにチャレンジしてみます