- ベストアンサー
これってＪＡＶＡなの？
すみません突然ホームページの勉強をしなければならなくなったのですが このソースを使っているページもあるのですが、私はＨＴＭＬの他に何を 勉強していけばいいのかわかりません。とりあえず何の言語から勉強すれば いいのか教えていただけますでしょうか？ <html> <head><title>abcdefg</title> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS"> <style TYPE="text/css"> <!-- .size9 { font-size: 9pt} .size10 { font-size: 10pt; line-height: 130%} .size12 { font-size: 12pt; line-height: 130%} --> </style>
- yamali
- お礼率84% (253/298)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<style>～</style>でくくられた部分は、JAVAではなくてスタイルシート(CSS)です。 とりあえず、スタイルシートの勉強から始められたらいかがでしょうか。 とほほのスタイルシート入門 http://tohoho.wakusei.ne.jp/wwwcss.htm 紙媒体では、すみけんの「スタイルシートWebデザイン」がわりと名著だったんですが、現在は入手困難かも。 http://www.gihyo.co.jp/css/
その他の回答 (1)
- ponpon
- ベストアンサー率19% (67/345)
こんにちは。 ホームページを勉強するのに必要な勉強ということですが、まだまだ発展している分野なのでこれさえやればいい、という枠はまだ出来ていないと思いますが、とりあえず本格的に勉強していくならば HTML、CSS、JavaScript、CGIなんかを少しずつ知るのが良いのではないでしょうか。 CSSはHTMLタグよりより細かな設定ができたり、JavaScriptやCGIを学べば、よりアクティブなページを作ることが出来ます。さらに画像や動画にも凝りたくなったらPhotoshopやFlashなんかも覚えると作るのも楽しくなりますよ。 ちなみに上のタグ、 <style TYPE="text/css"> はCSS(カスケーディング スタイルシート)を使ってフォントサイズや行間を指定しています。 また、もっと気軽に作りたいというならばページビルダーのような自動生成してくれるソフトも沢山出ています。それで作成しているうちにホームページとは何ぞや、みたいな事も実践で学べると思います。 まずは本屋さんに行って沢山出ているホームページ作成に関する本を漁って自分のレベルにあったところからスタートすると良いと思います。 本を買うのはそういったことを勉強する上で大事なことだと思いますが、まずはどんなものか知りたいな、という所から始めるのだったら沢山のウェブサイトもありますから検索してみてはいかがでしょうか。
お礼
ありがとうございます。 ゼロからのスタートですが頑張ってみます。
関連するQ&A
- テキストファイルの改行の変換
テキストファイルの改行の変換で困っています。 下記がNotepadで開いたテキストファイルの中身の一部なのですが・・・・ -------------------------------- <!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">↑<STYLE TYPE="text/css">↑<!--↑body,tr,td,th { font-size:10pt }↑a:hover { color:#DD0000 }↑small { font-size:9pt }↑-->↑</STYLE>↑・・・・<更に大量のデータが続く> -------------------------------- "↑"が改行を表しているようなのですが、このままだとEXCELに取り込む際に全体を一行として取り込んでしまうため、不具合が生じてしまいます。
- ベストアンサー
- その他（プログラミング・開発）
- 表示すると文字化けします
下記のファイルが表示されると文字化けしてエンコードを修正しないとみれませんなぜでしょうか？ 日本語EUCになってしまします。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD bgcolor="#ffff00" width="699"><B><FONT size="+2">登録ありがとうございました</FONT></B></TD> </TR> <TR> <TD height="99" width="699"><B>■<A href="http*************************">使いこなすために</A>手順に沿って進んでください</B>→<A href="http**************************">次へ進む</A></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
- ベストアンサー
- HTML
- CSS、おかしいですか？
CSSですが、本を見てやっています。 下記のように記述したのですが、書かなくてもよい記述とか、おかしいところ、ありますでしょうか？ <style type=text/css> body{font-size:10pt} td {font-size:10pt; line-height:12pt} tr {font-size:10pt line-height:12pt} dive {font-size:10pt;line-height:12pt} a:link {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:visited {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:active {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} a:hover {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} </style>
- 締切済み
- CSS
- フレーム分割すると動かない
以下のように選択された罫表内のセルの線種を変更するボタンを作りました。 １つのhtmlの時は上手くいっていたのですが、以下のようにボタンと罫表のフレームを分割した所、動かなくなってしまいました。 グローバル変数が引き継がれないみたいなのですが、解決方法ありますでしょうか。 宜しくお願いします。 //メインのhtml <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="sample_csv2.js"></script> </head> <frameset rows="50,*" frameborder="0" border="0"> <frame src="fre1.html" name="f1"> <frame src="fre2.html" name="f2"> </frameset> </html> //フレーム１のhtml <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="sample_csv2.js"></script> </head> <body> <div style="font-size:6.5pt"> 線種変更： <input type="button" value="上２" onclick="chgLine('top','double')" style="font-size:6.5pt"/> </div> </html> //フレーム２のhtml <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="sample_csv2.js"></script> </head> <body> <table tno=1 style='border:none;border-collapse:collapse'> <tr> <td style='width=100.0pt;border:solid windowtext 1.0pt; padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>あいうえお</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>かきくけこ</p> </td> </tr> <tr > <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>たちつてと</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>なにぬねの</p> </td> </tr> </table> </body> </html>
- ベストアンサー
- JavaScript
- ブラウザによる表示の違いについて
ブラウザによる表示の違いについて ホームページを作成しています。今少し気になることがあり今日も朝からずっと調べていたのですが分からずここで質問させてください。 自分のホームページが最近ブラウザにより見え方が違うのに気づきました。 たとえばInternet ExplorerやFirefoxなら問題なくきれいに表示されていますがSafariやGoogleChromeだとスタイルシートで書いた部分がおかしくなっています。 私のほうで色々調べたのですがたとえば見出しタグH1にスタイルを適応する場合に直接 <html> <head><title></title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_jis"> <style type="text/css"> <!-- h1 { color:#ff0000; font-size:240%; } --> </style> </head> <body> <h1>テスト</h1> </body> </html> のように記述すれば問題なくブラウザSafariにもスタイルシートが適応されるみたいなのですが これを外部からスタイルシートをリンクを貼ると適応されないみたいです。 つまり <html> <head><title></title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_jis"> <LINK REL="stylesheet" HREF="style.css" TYPE="text/css"> </head> <body> <h1>テスト</h1> </body> </html> として style.cssファイルに h1 { color:#ff0000; font-size:240%; } と記述した場合にSafariで開くと見出しの色も赤で指定したにもかかわらず紺色になっているしフォントサイズも240%に変更されていません。 原因と対処法が分かる方がいればアドバイスお願いします。
- 締切済み
- HTML
- フォントと文字サイズの指定方法
HTML初心者です。 どなたか助言ください。 以下のソースのようなテンプレHTMLを変更しないといけなくなりました。 以下のソース部分のフォントと文字サイズを指定するにはどのようにすればよろしいでしょうか？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <title><?=$item_title?></title> </head> <body> <div style="width:100%;text-align:center"> <div id="wrapper" style="margin:0px auto;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#000;text-align:left;"> %IMAGES% <div class="sub_tit" style="padding-left:5px;height:25px;line-height:25px;border-left:solid 20px;color:#2214ff;font-size:25px;font-weight:bold;"> PRODUCT DETAILS </div> ＊＊＊＊以下で出力される文字のフォントと文字サイズを指定したい。 <p class="sub_text" style="padding-left:10px;padding-right:20px;"> %DESCRIPTION% </p> ＊＊＊＊ ......同じような内容が続く </body> </html> よろしくお願いいたします。
- ベストアンサー
- HTML
- 単語と単語の間にスペース
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <title>TECHNOVISION*What's New*</title> <style type="text/css"> <!-- body {font-family: Verdana,Arial,Helvetica; font-size: x-small; background-image:url('../../image_2003/bg2.gif') } dive {font-family: Verdana,Arial,Helvetica; font-size: x-small;} td {font-family: Verdana,Arial,Helvetica; font-size: x-small;} --> </style> で欧文テキストを流すと、単語と単語のあいだにかなり長いスペースがあいてしまうところがあります。 ところどころ<BR>にしているのですが、それを取ると解消されます。 なぜでしょうか。
- ベストアンサー
- HTML
- CSSでフォントが適用されない
CSSでレイアウトを作成しました。 フォントはMS Pゴシックを指定しています。 CSSを外部にしましたらフォントがMS Pゴシックではなく、明朝っぽくなっています。他のCSSは適用されているのにフォントだけが適用されていません。 ※外部CSSにする前はMS Pゴシックになっています。 html ------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <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" /> <link href="style/style.css" rel="stylesheet" type="text/css" media="all"> <title>無題ドキュメント</title> ------------------------------------------------- 外部CSS ------------------------------------------------- @charset "utf-8"; html { height: 100%; } body { font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Osaka"; padding: 0px; margin: 0px; font-size: 0.8em; } ------------------------------------------------- どこが間違っておりますでしょうか？ 宜しくお願いします。
- ベストアンサー
- HTML
- CGIにJAVAの記述をしたい
CGIプログラムの中にJAVAの記述をしたいのですが うまくいきません。 ヒアドキュメントでくくってみましたが 500エラーで表示されませんでした。 どう記述すれば動いてくれるんでしょうか？ print "Content-type: text/html\n\n"; print "<html><head>\n"; print "<META HTTP-EQUIV=\"Content-type\" CONTENT=\"text/html; charset=Shift_JIS\">\n"; print "<link rel=\"stylesheet\" type=\"text/css\" href=\"$loaddir/style.css\">\n"; print "<title>$title</title>\n"; ここに下記のJAVA文を入れたいです。 print "</head>\n"; 記入したいJAVA <SCRIPT language="JavaScript"> <!-- document.write('<img src="momo/123.cgi?' + 'javaref=' + document.referrer + '" width=1 height=1>'); // --> </SCRIPT>
- 締切済み
- CGI
- ホームページのヘッダ部分について
<!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
お礼
早速の回答ありがとうございます。参考ＵＲＬも参考にさせていただきます。 入手困難といわれると欲しくなりますね ちょっといろいろ当たってみることにします ありがとうございました。