HTML基础整理
一、什么是HTML
- HyperTexr Markup Language的缩写,超文本标记语言
- 只有一个作用:专门用来描述文本的语义(也就是告诉你那些是标题那些是段落等等)
- 用于描述其他文本语义的文本,称之为标签,且不会在浏览器上显示出来
- 标签可嵌套 ,但不能你中有我我中有你;
- Html标签不区分大小写,但建议使用小写;
- 基本模板
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
二、什么是URL
- 格式:http:/128.0.0.1:80/index.html(完整格式)
- 协议类型://ip地址:端口号/资源路径/资源名称
- URL拆分
- 网络协议类型 http://
- 服务器ip地址 128.0.0.1
- 服务器端口号 :80
- 资源路径 网页在服务器上的路径
- 资源名称 index.html
三、基本标签
1、html标签
- 作用:告诉浏览器这是一个网页
- 其他所有标签都必须写在html标签内
2、head标签
- 作用:用于给网站添加一些配置信息
eg:- 指定网站的标题、小图片
- 外挂一些css/js文件
- 添加一些浏览器适配相关的内容呢
- 注意:Head标签内的内容不会显示给用户看
3、body标签
- 作用:用于定义HTML文档中需要显示给用户查看的内容
- 一对html标签中,只能由一对body标签
四、head内部标签
1、meta标签
- 解决乱码现象
<meta charset="utf-8">
- GBK(GB2312)和UTF-8区别
- GBK存储字符少,体积比较小
- UTF-8存储世界上所有文字,体积比较大
- 注意点:
- 在HTML文件中中指定的字符集必须和保存文件的字符集一致
- 保存文件时,保存的格式必须和指定的字符集一致才能保证没有乱码问题
2、title标签
- 作用:专门用于指定网站信息
- title标签必须卸载head标签内部
五、DTD文档声明
- 作用:告诉浏览器用哪一个版本的html规范来编写的
- 声明格式:
<!DOCTYPE html>
- 声明必须是HTML文档的第一行
- 不是html标签
- 对大小写不敏感
一些注意的点
- HTML语法非常宽松容错性强
- XHTML很严格,要求标签必须小写,严格闭合,属性必须用引号
- .html和.html的区别:DOS操作系统只支持长度为三的后缀名,windows无所谓,所以htm是为了兼容过去的DOS命名格式存在的
来源:CSDN
作者:weixin_44746916
链接:https://blog.csdn.net/weixin_44746916/article/details/104233807