网页的固定格式
编写网页的步骤:(未安装webstorm软件)
1.新建一个文本文档,一定要有英文或拼音命名
2.利用记事本打开
3.编写HTML代码
4.保存并修改v哎文本文档扩展名为 .html
5.利用浏览器打开编写好的文件
基本格式:
标签分类:
- 单标签:只有开始标签,没有结束标签,由<>组成
- 双标签:<> </>组成,成对存在。不带“/”的是开始标签,带“/”的是结束标签。
标签关系分类:
1.并列:如 head标签和 body标签
2.嵌套:如head标签和 title标签
标签
<!DOCTYPE html>
DTD文档声明:为了让浏览器正确的编译,解析,渲染网页,需要在文件的第一行写html规范的版本。
- 不同的版本有不同的声明规范。
- 因为html5向下兼容,html5文档声明格式:!DOCTYPE html
tips:
- 任何一个标准的网页,第一行都必须是DTD文档声明。
- DTD文档声明不区分大小写
- 文档声明不是一个标签,(只是一个指令)。
- 浏览器并不完全依赖DTD文档声明,但W3C规定必须第一行写文档声明。
<html>
•告诉浏览器只是一个网页,即html文档。
•其他的标签必须写在html标签里面,即和中间。
<head>
- 给网站添加一些配置信息,例如图片或者指定标题,添加SEO相关信息,外挂css/js文件,浏览器,适配相关的内容。
- 一般情况下,写在head标签内部的内容不会显示给用户,除了小图片和网址标题
<meta>
作用:指定当前网页的字符集 解决乱码问题:在head标签中添加<meta charset="GBK"/>
常见字符集:GBK(GB2312)和UTF-8
- 区别:GBK(GB2312)里储存字符比较少,仅储存汉字和一些常用外文,体积比较小;UTF-8储存了世界上所有的文字,体积比较大
- 在企业开发中,如网站仅包含中文,推荐GB2312,体积小,访问速度快;若除了中文包含外文,则用UTF-8。若不确定,一律用UTF-8即可。
Tips:在HTML中指定字符集必须和保存这个文件的字符集一致,否则会出现乱码。
<title>
- 用于指定网站的标题并且指定这个标题作为用户保存网站的默认标题。
- 必须写在head标签里。
<body>
专门用于定义需要显示给用户看的内容(文字,音频,视频等。)
tips:
- 虽然有时候将内容写在别的标签内,用户也能通过网页看到,但千万别这么做,一定要将需要显示的内容写在body上。
- 一堆html标签中只能有一对body标