目录:
HTML基本结构
HTML声明
<title>文档标题标签
<meta>元信息标签
<h1>标题标签
<p>段落标签
<br>换行标签
<hr>水平线标签
<strong>加粗标签
<em>斜体标签
<img>图像标签
<a>链接标签
<a href="#marker">锚链接
行内元素和块元素
1.HTML基本结构
(1)<html>
<head></head>
<body></body>
</html>
(2)html标签种类
1.成对标签 例如:<head></head>
2.自闭标签 例如:<hr/>
2.HTML声明
<!DOCTYPE html>
(1) “DOC”:文档
(2) “TYPE”:类型
(3) 告诉浏览器当前的文档使用的是什么样的规范(HTML的规范)
(4) HTML4.01的声明
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
3.<title>文档标题标签
4.<meta>元信息标签
<meta charset="UTF-8">
Meta 标签名称
Charset 属性名称
UTF-8 属性值
可以设置当前的文档字符集,以便于浏览器识别字符集
5.<h1>标题标签
(1)h1-h6
(2)h1-h6(标题标签)一般存放在body标签中
而title(文档标题标签)标签一般存放在head标签中
6.<p>段落标签
被p标签包裹的内容作为一个新的段落
7.<br/>换行标签
定义:强制性的将<br/>之后的内容另起一行
8.<hr/>
实现水平线分割
9.加粗标签
<strong>
对字体进行加粗
10.斜体标签
<em>
对字体进行倾斜
11.图像标签
<img>
<img src="img/abc.png"/>
12.<a> 链接标签
<a href="demo013.html">点击</a> //原有页面展示demo013.html页面内容
<a href="demo013.html"target="_blank">点击2</a> //跳转到新的空白页面demo013.html
<a href="demo013.html"target="_self">点击3</a> //原有页面展示demo013.html页面内容
总结:<a href> 如果不添加target属性 默认就是target="_self"
13.行内元素和块元素
行内元素:不独占一行 例如:a标签,strong标签,em标签等等
块级元素:独占一行 例如:p标签,h1~6标签