見出し
<h1>∼</h1>
<h2>∼</h2>
<h3>∼</h3>
<h4>∼</h4>
<h5>∼</h5>
<h6>∼</h6>
段落
<p>∼</p>
改行
<br>
箇条書きリスト
<ul>
<li>∼</li>
<li>∼</li>
<li>∼</li>
</ul>
番号リスト
<ol>
<li>∼</li>
<li>∼</li>
<li>∼</li>
</ol>
画像
<img src= ① △alt= ② △width= ③ △height= ④ >
①ファイル名(画像ファイルのパス)
②代替文字列(画像が表示されなかった時に表示されるテキスト)
③幅・・・単位は無し
④高さ・・・単位は無し
△・・・半角の空白
<img		src=“images/cat.jpg”		alt=“写真:猫”		widch=“250”		height=“100”>
△
属性
画像
<img src= ① △alt= ② △width= ③ △height= ④ >
①ファイル名(画像ファイルのパス)
②代替文字列(画像が表示されなかった時に表示されるテキスト)
③幅・・・単位は無し
④高さ・・・単位は無し
△・・・半角の空白
<img		src=“images/cat.jpg”		alt=“写真:猫”		widch=“250”		height=“100”>
△
リンク
<a href= ① >∼</a>
①・ファイル名
 ・URL
<a		href=“index.html”>トップページ</a>	
<a		href=“h?p://www.oic-ok.ac.jp/”>OICへのリンク</a>
属性
bloom
index.htmlで
<img		src=“???????”>
CSS
style.css
index.html
img2.jpg
相対パス
index.htmlで
<img		src=“img2.jpg”>
相対パス
bloom
CSS
style.css
index.html
img2.jpg
CSS
style.css
images
img1.jpg
index.html
index.htmlで
<img		src=“???????”>
相対パス
bloom
index.htmlで
<img		src=“images/img1.jpg”>
相対パス
CSS
style.css
images
img1.jpg
index.html
bloom
index.htmlで
<img		src=“??????”>
相対パス
CSS
style.css
images
img1.jpg
aaa
index.html
bloom
index.htmlで
CSS
style.css
images
img1.jpg
aaa
index.html
<img		src=“../images/img1.jpg”>
相対パス
1つ上のフォルダ
bloom
<img		src=“../images/img1.jpg”>
相対パス
1つ上のフォルダへは../で
2つ上のフォルダへは../../で
下のフォルダへは/で
<header>∼</header> ヘッダー
<footer>∼</footer> フッター
<nav>∼</nav> ナビゲーション
<section>∼</section> 意味のある区切り
<article>∼</article>   独立した記事
<aside>∼</aside> 補足的な情報
<div>∼</div> 特に意味のない区切り
特定の文字範囲
<span>∼</span>
table(表)
<table>∼</table>    表の範囲
<tr>∼</tr>       表内の行(横)
<td>∼</td>    各行のセル(一つ一つ)
<td> <td> <td> <td>
<td> <td> <td> <td>
<td> <td> <td> <td>
<table>
</table>
<tr>
<tr>
<tr>
お問い合わせフォーム
<form>∼</form>
お問い合わせフォーム
<form>∼</form>
<form>
<input type= text name= name >
</form>
<form>
<textarea name= comment >∼</textarea>
</form>
長い文章
1行
お問い合わせフォーム
<form>∼</form>
<form>
<input type= text name= name >
</form>
1行
<form>
<input type= email name= email >
</form>
1行
お問い合わせフォーム
<form>∼</form>
<form>
<input type= text name= name >
</form>
1行
<form>
<input type= submit value= 送信する >
</form>
1行

More Related Content

PDF
PDF
miuratta-standard.pdf
PDF
group-html
PDF
PDF
Child.key
PDF
Clearfix.key
PDF
PDF
Css selector
miuratta-standard.pdf
group-html
Child.key
Clearfix.key
Css selector

More from sayoko miura (20)

PDF
Prevnext
PDF
J query place
PDF
PDF
Event.key
PDF
Readyevent
PDF
J query element.key
PDF
J query ready2.key
PDF
WhatsjQuery
PDF
PDF
Web2 mission
PDF
PPTX
Display
PPTX
上へ戻る
PPTX
PPTX
Time datetime
PPTX
ぶら下げインデント
PPTX
CSSスプライト
PPTX
JQueryプラグイン
PPTX
Figure
PPTX
検定Tips
Prevnext
J query place
Event.key
Readyevent
J query element.key
J query ready2.key
WhatsjQuery
Web2 mission
Display
上へ戻る
Time datetime
ぶら下げインデント
CSSスプライト
JQueryプラグイン
Figure
検定Tips
Ad

html