HTML
実体参照 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"…
ulタグ unorderedlistの略 ・パソコン ・テレビ などと箇条書きにしたいときにこのulタグを使います。使い方は、 bodyタグの中に <ul> <li>パソコン</li> <li>テレビ</li> </ul>と記入します。 olタグ orderedlistの略 1.HTML 2.CSS と数字付のリストを表示したい場合に使います。 <ol> <li>HTML</li> <li></li></ol>…
お疲れ様です。 今日もタグに付いての学習をしました。 ■h1からh6タグ このタグは実際に入力すると・・・ これがh1 これがh2 これがh3 これがh4 これがh5 これがh6 と言ったもので、 大見出しから小見出しを表示するタグです。 <h1>見出しをここに入れます</h1> この…
お疲れ様です。 今回は作成したHTMLを載せてみました。 前回と違う点は、 6行目<meta name="description" content="初めてのブログです" > これは、このHTML（ホームページ）の説明文のようなものです。 ７行目から９行目の<style>タグを使い、 間にp { color: red; } で色を赤に指定します。 １０行目の<link>タグはstylesheetを</link></meta>…
こんばんは。 前回は、”ブログ始めました！”の文を 表示することが出来ました。 そのHTMLの説明していなかった部分を補足していきます。 まず、1行目の これは、HTMLで書きますという 文章宣言と呼ばれるものです。 <html lang="ja"> これは、htmlタグで言語（ｌａｎｇ）は</html>…
お疲れ様です。 今日は動画を観てできる限りの HTMLを書きます。 HTMLは基本は <タグ>開始タグ </タグ>終了タグ をセットで使います。 単独の<タグ>もあります。 また、タグの中には属性を とって値を取ることが出来ます。 （タグ 属性＝”値”） このルールを使って …
今回から勉強を始めたいと思います。 ドットインストールさんの 動画を教材として勉強します。 （リンクは最後に貼らせていただきます） HTMLとはなにか？について学習しました。 HTMLは Hyper Text Markup Language の略で ホームページを作るための言語で…
