html基本结构(文档规范、标题、标签特点、段落、换行)

html基本结构

<!--文档声明-->
<!DOCTYPE html>
<!--定义html文档的整体
  ‘lang=“en”’定义网页的语言为英文,定义成中文是'lang="zh-CN"'-->
<html lang="en">
    <!--“<head>”标签里面负责对网页进行一些设置以及定义标题,
      设置包括定义网页的编码格式,外链css样式文件和javascript文件等,
      设置的内容不会显示在网页上,标题的内容会显示在标题栏-->
    <head>
        <meta charset="UTF-8">
        <title>网页标题</title>
    </head>
    <!--“<body>”内编写网页上显示的内容。-->
    <body>
          网页显示内容
    </body>
</html>

html文档规范

1、所有的标签必须小写
2、所有的属性必须用双引号括起来
3、所有标签必须闭合
4、img 必须要加 alt 属性(对图片的描述)

html标题

通过 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,标签可以在网页上定义6种级别的标题。6种级别的标题表示文档的6级目录层级关系。

html标签特点

html的标签大部分是成对出现的,少量是单个出现的,特定标签之间可以相互嵌套,嵌套就是指一个标签里面可以包含一个或多个其他的标签,包含的标签和父标签可以是同类型的,也可以是不同类型的:

<!-- 成对出现的标签  -->
<body>......</body>
<p>......</p>
<div>......</div>
<b>......</b>

<!-- 单个出现的标签  -->
<br />
<img src="..." />
<input type="..." />

<!-- 标签之间的嵌套  -->
<p>
    <span>...</span>
    <a href="...">...</a>
</p>

<div>
      <h3>...</h3>
      <div>
              <span>...</span>
              <p>...</p>
      </div>
</div>

html段落

<p>标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开.

html换行

代码中成段的文字,直接在代码中回车换行,在渲染成网页时候不认这种换行,如果真想换行,可以在代码的段落中插入 <br /> 来强制换行。

猜你喜欢

转载自blog.csdn.net/op0912036/article/details/82429927