00.HTML基础整理

陌路散爱 提交于 2020-02-09 13:50:15

HTML基础整理

一、什么是HTML

  • HyperTexr Markup Language的缩写,超文本标记语言
  • 只有一个作用:专门用来描述文本的语义(也就是告诉你那些是标题那些是段落等等)
  • 用于描述其他文本语义的文本,称之为标签,且不会在浏览器上显示出来
  • 标签可嵌套 ,但不能你中有我我中有你;
  • Html标签不区分大小写,但建议使用小写;
  • 基本模板
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

二、什么是URL

  1. 格式:http:/128.0.0.1:80/index.html(完整格式)
  2. 协议类型://ip地址:端口号/资源路径/资源名称
  3. URL拆分
    • 网络协议类型 http://
    • 服务器ip地址 128.0.0.1
    • 服务器端口号 :80
    • 资源路径 网页在服务器上的路径
    • 资源名称 index.html

三、基本标签

1、html标签

  1. 作用:告诉浏览器这是一个网页
  2. 其他所有标签都必须写在html标签内

2、head标签

  1. 作用:用于给网站添加一些配置信息
    eg:
    • 指定网站的标题、小图片
    • 外挂一些css/js文件
    • 添加一些浏览器适配相关的内容呢
  2. 注意:Head标签内的内容不会显示给用户看

3、body标签

  1. 作用:用于定义HTML文档中需要显示给用户查看的内容
  2. 一对html标签中,只能由一对body标签

四、head内部标签

1、meta标签

  1. 解决乱码现象
<meta charset="utf-8">
  1. GBK(GB2312)和UTF-8区别
  • GBK存储字符少,体积比较小
  • UTF-8存储世界上所有文字,体积比较大
  • 注意点:
    • 在HTML文件中中指定的字符集必须和保存文件的字符集一致
    • 保存文件时,保存的格式必须和指定的字符集一致才能保证没有乱码问题

2、title标签

  1. 作用:专门用于指定网站信息
  2. title标签必须卸载head标签内部

在这里插入图片描述

五、DTD文档声明

  1. 作用:告诉浏览器用哪一个版本的html规范来编写的
  2. 声明格式:
<!DOCTYPE html>

  • 声明必须是HTML文档的第一行
  • 不是html标签
  • 对大小写不敏感

一些注意的点

  1. HTML语法非常宽松容错性强
  2. XHTML很严格,要求标签必须小写,严格闭合,属性必须用引号
  3. .html和.html的区别:DOS操作系统只支持长度为三的后缀名,windows无所谓,所以htm是为了兼容过去的DOS命名格式存在的
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!