この記事の内容は HTML 学習ノート 2 に関するものです。これを必要とする友人と共有します
1。 ;...行を定義、
... 列を定義
ヘッダーの意味:
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 空白の行を表したい場合は、 space で埋めることができますプレースホルダー。
<tr>
<th>heading</th>
</tr>
、数字を使用して
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
... を使用して数字が 50 から始まることを示します。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
リストの開始を示します
リスト項目を示します
リスト項目の定義を示します
カテゴリ HTML であり、要素のクラスの CSS スタイルを定義できます。
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
は、同じクラスを設定するために使用されるブロックレベルの要素です。
はインライン要素です。
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<p class="cities">
<h2 id="London">London</h2>
<p>
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
</p>
</body>
</html>
(1) レイアウトには
を使用します
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1 id="My-nbsp-span-nbsp-class-red-Important-span-nbsp-Heading">My <span class="red">Important</span> Heading</h1>
</body>
</html>
(2) HTML5 によって提供される新しいセマンティック要素
ドキュメントまたはセクションのヘッダーを定義します
ナビゲーションリンクのコンテナを定義します
独立した自己完結型の記事を定義します
(サイドバー) ( ? これが何なのかまだわかりません)
ドキュメントまたはセクションのフッターを定義します
追加の詳細を定義します
要素
5. フレーム
フレームを使用すると、同じブラウザ ウィンドウに複数のページを表示できます。各 HTML ドキュメントはフレームとなり、各フレームは他のフレームから独立しています。
（1）フレーム構造タグ＆lt; frameset＆gt;画面上の各列が占める領域
<head>
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
(2) その他
通常、フレームには目に見える境界線があり、ユーザーは境界線をドラッグしてサイズを変更できます。これを避けたい場合は、
タグと タグを同時に使用することはできません。ただし、テキストを含む <![CDATA[ タグを追加する場合、テキストは タグ内にネストする必要があります。 <pre class='brush:php;toolbar:false;'><frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset></pre><p><frame> name アンカー属性を使用して、指定したセクションにジャンプできます。 <br></p>
<p></p>
<p><br></p>
<p><br><iframe>Web ページ内に Web ページを表示するために使用されます</iframe></p>
<p>使用法: <iframe src="URL" width="200" height="200" frameborder="0"> < ;/iframe><br></iframe></p>
<p></p>
<p><br></p>
<p>iframe可用作链接的目标（target），该链接的target属性必须引用iframe的name属性。</p><pre class='brush:php;toolbar:false;'><iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p></pre><p><br></p>
<p>注意，由于链接的目标匹配iframe的名称，所以链接会在iframe中打开。</p>
<p>相关推荐：</p>
<p><a href="http://www.php.cn/div-tutorial-393431.html" target="_self">HTML学习笔记一</a></p>
]]>
以上がHTML学習メモ2の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
