ドットインストール「HTMLの基礎」(1)

programming dotinstall

ドットインストールの「HTMLの基礎」の全22回中、取りあえず9回目まで終わったので備忘録。

<!DOCTYPE html>
<html lamg="ja">
<head>
	<meta charset="UTF-8">
	<meta name="description" content="はじめてのHTMLです。">
	<meta name="keywords" content="はじめてのHTMLです。">
	<!--"description"は文書の説明、"keywords"はキーワード-->
	<title>はじめてのHTML</title>
	<link ref="stylesheet" href="mystyle.css">
	<link ref="shortcut icon" href="favicon.ico">
	<script src="myscript.js"></script>
<body>
	<!--今回は見出しと本文について学びます-->
	<h1>見出し<h1>
	<p>こんにちは！</p>
	<p>もっと！<br>こんにちは！</p>
	<p>Google検索は<a href="http://google.com/" target="_blank">こちら</a>から！</p>
	<!--targetは新しいタブから開いてくれるか否かを指定する-->	
	<img src="http://keito7.lolipop.jp/dotinstall/html_basic/keito7.JPG" width="153" height="153" alt="keito7のプロフ写真">
	<!--widthやheightは画像のプロパティの"情報"から見れるので入力しておく。altは画像の説明文-->
	<h2>香川真司の特徴！</h2>
	<ul>
	<li>はやい！</li>
	<li>うまい！</li>
	<li>髪型へん！</li>
	</ul>
	<!--ulは箇条書きリスト、olは番号付きリスト-->		
	
	
	<h3>リーガ得点データ</h3>
	<table>
	<tr><th>選手</th><th>2009年</th><th>2010年</th><th>2011年</th></tr>
	<tr><th>メッシ</th><td>34</td><td>31</td><td>16</td></tr>
	<tr><th>C・ロナウド</th><td>26</td><td>40</td><td>16</td></tr>
	</table>
	<!--thは見出し、tdは実データ-->
</body>
</head>
</html>
  • "description"は文書の説明、"keywords"はキーワード。
  • "target"は新しいタブから開いてくれるか否かを指定する。
  • "width"や"height"は画像のプロパティの"情報"から見れるので入力しておく。"alt"は画像の説明文。
  • "ul"は箇条書きリスト、"ol"は番号付きリスト。
  • "th"は見出し、"td"は実データ。


最初なのでごく基礎的なことばっかですが。

んで、できたのがこんな感じ。
レンタルサーバにアップしてみた。

http://keito7.lolipop.jp/dotinstall/html_basic/html_basic_1.html