ホームページ > 記事 > ウェブフロントエンド > H5 学習の旅 - H5 ブロック タグの使用 (9)
H5 学習の旅 - H5 ブロック タグの使用 (9)
- 黄舟オリジナル
- 2017-02-17 14:34:271484ブラウズ
ブロック要素の基本構文
1. HTML のブロック要素は通常、h1、p、ul のように先頭が改行で始まります
2。 a、b、img
3.htmlのp要素など、pはブロック要素とも呼ばれ、主にHTML要素を組み合わせるためのコンテナとして使用されます
4.htmlのspan要素、span要素はインライン要素であり、テキストコンテナとして使用できます
! ！ ！ ！ ！ ！コード例
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5块元素</title>
<link rel="stylesheet" type="text/css" href="myStyle.css">
<style>
span{ color:chartreuse; }
</style></head><body>
<p>这是一个段落</p>
<h1>这是一个标题</h1>
<b>这是一个加重</b>
<a>这是一个超链接</a>
<p id="pId">
<p>
这是一个段落 </p>
<a>这是一个超链接</a>
</p>
<p>
<P><span>这是一个span测试，</span>测试效果</P>
</p></body></html>cssコード
#pId p{ color:red;}pIdはdiのid、次のpは指定したPタグ
ブロック要素の基本構文
1. 、ブロック要素は通常、h1、p、ul
2 のように先頭が改行で始まります。インライン要素は通常、a、b、img
3 のように改行で始まりません。 htmlのp要素、pはブロック要素とも呼ばれ、主にhtml要素を組み合わせるためのコンテナとして使用されます
4. htmlのspan要素、span要素はインライン要素であり、テキストのコンテナとして使用できます
！ ！ ！ ！ ！ ！コード例
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5块元素</title>
<link rel="stylesheet" type="text/css" href="myStyle.css">
<style>
span{ color:chartreuse; }
</style></head><body>
<p>这是一个段落</p>
<h1>这是一个标题</h1>
<b>这是一个加重</b>
<a>这是一个超链接</a>
<p id="pId">
<p>
这是一个段落 </p>
<a>这是一个超链接</a>
</p>
<p>
<P><span>这是一个span测试，</span>测试效果</P>
</p></body></html>cssコード
#pId p{ color:red;}pIdはdiのid、次のpは指定されたPタグです
Rendering
以上がH5学習の内容〜H5ブロックの使い方ですタグ (9) 、その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) にご注意ください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：H5 学習の旅 - H5 リスト (8)次の記事：H5 学習の旅 - H5 リスト (8)