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 />
来强制换行。