Html:css

HTML / CSS医療×IT講座vol.3

2012/10/1412年10月14日日曜日

お問い合せフォーム<meta charset=”UTF-8”> <h1>お問合せフォーム</h1> <form action="" method="post"> <p>お名前: <input type="text" name="name" size="20" maxlength="5" value="たなか"></p> <p>メモ: <textarea name="memo" rows="5" cols="40">メモ</textarea></p> <p><input type="submit" value="送信！"></p> </form>

12年10月14日日曜日


プログラミングとは？」• コンピューターの上で、決められた指令を実行するために使う言葉を書くこと

• プログラミング言語：コンピュータに対する一連の動作の指示を記述するための人工言語。機械ごとに適した言葉があるので、プログラミング言語を使い分けます


HTMLとは？

• HTML：Webページを作成するための言語

• ブラウザ：インターネットをするためのソフト

• テキストエディタ：文字のみのファイルを作成するためのソフト（Windows：メモ帳。「スタート→すべてのプログラム→アクセサリ→メモ帳」）


タグとは？

• ＜タグ名＞の記号で囲まれた半角英数字。文書構造を指定

• 記入方法：＜開始タグ＞と＜/終了タグ＞の２つを1セットとして使用。終了タグにはタグ名も前に/（スラッシュ）をつける。


リンク生成・画像挿入<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title>はじめてのHTML</title></head><body> <h1>大見出し</h1> <p>こんにちは！</p> <p>Google検索は<a href="http://google.com" target="_blank">こちら</a>から！</p> <a href="http://google.com" target="_blank"><img src="omlet.jpeg" width="180" height="240" alt="オムレツの画像です。"></a> <p>別のページは<a href="other.html">こちら</a>！</p></body></html>


CSSとは？

• Cascading Style Sheetsの略。ウェブページのスタイルを指定するための言語

• スタイル：文字の色や大きさ、形式など


HTMLとCSSの関係

<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title>CSSのお勉強</title> <link rel="stylesheet" href="mycss.css"></head><body> <h1>大見出し</h1> <p>こんにちは！</p></body></html>

HTML CSS/* セレクタプロパティ値*/

h1 { color: red;}


応用

/* セレクタ */

h1 { color: red;

}/* ID要素 */

#main { font-size:36px;

}/* class要素 */

.test { font-size: 9px;

}/* 複数の要素 */

#main, .test { border: 1px solid #ccc;

}

<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title>CSSのお勉強</title> <link rel="stylesheet" href="mycss.css"></head><body> <h1>大見出し</h1> <p>こんにちは<span class="test">！</span></p> <div id="main">メインです！</div></body></html>

HTML CSS


Documents

Html:css