H5 学習の旅 - H5 ブロックタグの使用 (9)-H5 チュートリアル-php.cn

H5 学習の旅 - H5 ブロックタグの使用 (9)

黄舟

リリース： 2017-02-17 14:34:27

オリジナル

1556 人が閲覧しました

ブロック要素の基本構文

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タグ

H5 学習の旅 - H5 ブロックタグの使用 (9)

ブロック要素の基本構文

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>

ログイン後にコピー