html中的一些标签及属性

Notes By Using Code:

<!DOCTYPE html>
<html lang="en">
<head>
<!-- <meta标签的一些属性> -->
    <meta charset="UTF-8">
    <meta name="keywords" content="HTML5,CSS3,前端">
    <meta name="description" content="这是一个很不错的网站">
    <meta http-equiv="refresh" content="3;http://www.baidu.com";>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>title标签中的内容会显示在搜索页面的超链接</title>
</head>
<body>
<!-- block element -->
    <blockquote></blockquote>
    <p>p标签内不能嵌套块元素</p>

<!-- inline element 行内元素内不能嵌套块元素-->
    <em></em>
    <strong></strong>
    <q></q>
    <a href="www.website.com">a元素可以嵌套除自身外的任意元素</a>
    <a href="www.website.com" target="_blank(_self默认值)">a元素可以嵌套除自身外的任意元素</a>
    <a href="#(ID属性值区分大小写)">a元素可以嵌套除自身外的任意元素</a>

<!-- self-closing element -->
    <img src="URL" alt="DESCRIPTION">
    <img src="URL" alt="DESCRIPTION" />
    <input>
    <input />

<!-- other element -->
    <hgroup></hgroup>
    <br />
    <iframe src="URL" frameborder="0"></iframe>
    <audio src="URL" controls autoplay loop>默认不允许用户自己控制播放,需要使用controls属性</audio>
    <audio controls>
      <!-- 您的浏览器不支持,请升级您的浏览器。 -->
      <source src="URL" />
      <source src="URL" />
      <embed src="URL" type="audio/mp3" width="300" height="50" />
    </audio>

<!-- list-item element -->
    <ul>
      列表中可以嵌套列表
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <ul>
        <li>a</li>
        <li>b</li>
        <li>c</li>
        <ul>
          <li>1)</li>
          <li>2)</li>
          <li>3)</li>
        </ul>
      </ul>
    </ul>
</body>
</html>
posted @ 2022-07-01 18:59  Slow-Step  阅读(35)  评论(0编辑  收藏  举报