1.基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
2.作用
标签总是成对出现,带/的为结束标签,不带/的为开始标签
标签的作用:告诉浏览器这是一个网页,是一个HTML文件
注意点:其他所有的标签都必须写在html文件里
head的作用:
用于给网站添加一些配置信息,指定网站标题或网站图片,一般情况下,head标签里的内容用户看不到,title标签写在里面
body的作用:
专门用来定义HTML文档中需要显示给用户查看的内容
3.字符集
<meta charset="utf-8" />的作用:
指定当前网页的字符集
如何解决乱码现象:
可以在Head标签中<meta charset="utf-8" />指定字符集
4DTD文档
由于html有很多版本的规范,为了让浏览器能够正确渲染网页,我们要告诉浏览器是那种规范
5DTD格式
<!DOVTYPE html> (html5)
每一个不同版本的规范,都有不同的DTD文档声明
注意点:
1.DTD文档声明必须放在第一行,html标签之前
2.DTD文档声明不区分大小写
3.DTD文档不是一个标签
4.浏览器有属于自己的机制来渲染网页,就算不写也能打开,只是为了W3c规范才写的
6.基础标签
1.H系列的标签作用:
用于给文本添加标题语义的
2.注意点:H标签只是给文本添加标题语义的,不是用来修改样式的,H标签总共有六个,超过留个则无效
H1最大,H6最小。
在企业开发者。一般只有一个H标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<h7>标题7</h7>
</body>
</html>
P标签
作用是告诉浏览器,那些文字是一个段落
<body>
<p>春民不觉晓</p>
<p>处处闻啼鸟</p>
</body>
Hr标签
作用:在浏览器显示一条横线