2014-02-01から1ヶ月間の記事一覧
実体参照 HTML文を書くなかで"p"タグの中に "これは文章の中の<p>です。"と書きたい場合 <p>これは文章の中の<p>です。<p>文章の中に <p>と書きます。 ltは"less than"・・・「 gtは"greater than"・・・「>」の意味を持ちます。このほかにも特殊文字をHT</p></p></p>…
文書構造を表すタグ header footer nav article aside section が文書の構造を表すタグです。headerはヘッダー、footerはフッターの役割として使うタグです。navはサイトナビゲーションとして使うタグです。articleは内容が単体で完結するセクション表すとき…
div?span? 簡単な説明になりますがこの二つは単体では意味を持ちません。divは、ブロック要素であり、 divで指定した範囲の見出し、段落、リスト、フォームは まとまったものとして表され、前後に改行が入ります。spanはインライン要素であり、 文章の一部と…
selectタグを使ってみる ウェブサイトのユーザー登録画面で お住まいの地域を選択してください。 北海道 関東・東北 中部・関西 四国・中国 九州・沖縄 このような選択するものを見たことがありませんか？ これも書いてみると意外とシンプルです。 書き方 <select name="日本"> </select>…
radioボタン webサイトでこのようなものを見たことは一度はありませんか？ Colors:RedBlueGreen これは"radio"ボタンといいます。 ひとつの選択を させたいときに使うものです。ちなみに、 "label"タグを･･･ Colors: <label><input type="radio" value="red" name="color">Red</label> <label><input type="radio" value="blue" name="color">Blue</label> <label></label>
さまざまなinputタグの使い方 前回はinput type="text"を使いました。 これはテキストボックスを表示するものでした。このほかにも、・パスワード ・隠しデータ送信 ・日付 ・URL ・email を入力することができます。 パスワード入力欄 <p>パスワード<input type="password" name="password"></p>パスワード…
formタグ使う アンケートページ等で送信ボタンや、 テキストを入力するものを 挿入したいときは"form"タグを使います。送信した際の動作は PHP、Ruby等の言語を使って決めます。 <form action="test.php" method="post"> </form>今回はPHPを使うと想定します。 この部分はHTMLの知識ではないので 説明を省…
imgタグを使う 画像を表示させるには、 "img"タグを使います。 サンプルのページを作ってみました。このページのソースは <DOCTYPE html> <html lang="ja"> <head> <meta charset-"utf-8"> <title>画像の貼り付け練習</title> </head> <body> <img src="sample.jpg" width="600" height="600" alt="サンプル" title="練習"> </body> </html>画像の表示に関するコードは </doctype>
リンクの貼り方 サイトのリンクを貼るときは"a"タグを使います。 <body> <p><a href="http://www.google.com">Google</a></p> </body>グーグル先生のリンクを貼るときはこのように書きます。 また、"body"タグの中に書きます。 Google このようにリンクが貼れました。別のタブで表示したい場合 Google target="_blank"…
表組みを作る "table"タグは表を作成するときに使います。 <table> </table> 表の見出し 今回は例として テストの成績の表を作ります。 まず、表の見出しとして科目を作ります。 <table> <thead> 見出し </thead> <table>"thead"タグの間に内容を書いていきます。 <tr><th>名前</th><th>英語</th><th>国語</th></tr>"tr"はtable rowの略で行を</table></table>…
ulタグ unorderedlistの略 ・パソコン ・テレビ などと箇条書きにしたいときにこのulタグを使います。使い方は、 bodyタグの中に <ul> <li>パソコン</li> <li>テレビ</li> </ul>と記入します。 olタグ orderedlistの略 1.HTML 2.CSS と数字付のリストを表示したい場合に使います。 <ol> <li>HTML</li> <li></li></ol>…
しばらくの間更新が止まってしまいました。 PCのトラブルでOSを一新しました。 マザボから変えたので 結構時間がかかってしまいました。それはさておき 前回の続きです。 起動後すること 設定したマシンを再生すると OSが起動します。※次の手順は特に注意し…
