目录
目录
一、什么是HTML
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
二、HTML的语法
2-1、基本结构
2-1-1、基本结构的解释
<!-- ctrl+/ 注释快捷键 -->
<!-- shift+! 快速生成网页结构-->
<!-- 文档声明 告诉浏览器,我是按照html规范进行编译,浏览器你在给我解析,也按照html规范来 ,
避免陷入怪异模式-->
<!DOCTYPE html>
<!-- html标签 根标签/根元素 一个页面只能有一个html标签 -->
<html lang="en">
<!-- head标签 主要设置元信息 帮助浏览器编译代码 -->
<head>
<!-- meta 设置头部的元信息 属性="属性值"
charset属性 设置字符集 utf-8属性值 万国码 -->
<meta charset="UTF-8" />
<!-- 以下meta标签主要是设置移动端的相关配置 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- title标签 网页的标题 可以帮助浏览器快速定位网站 -->
<title>手机</title>
</head>
<!-- body标签 书写网页的主体内容 -->
<body>
</body>
</html>
注意1:ctrl+/ 注释符号
1、不会被浏览器编译
2、注释符号不能被嵌套
3、每个同学都要养成注释的习惯
4、注释尽量简洁
注意2:h5规范
1、html标签要么成双成对出现,要么自结束标签 一定要写完整
2、html标签中是不区分大小写的,一般情况用小写居多
3、html标签可以嵌套,但不可以交叉嵌套
4、html语言是一种宽泛的语言,容错率较高,如果程序员写错了,浏览器会自动纠错
但这种情况我们要尽可能的避免
(1)、它给你修改不一定是你想要的
(2)、会影响网站的性能,不利于推广
5、合理使用注释
三、实体
3-1、什么是实体
浏览器在编译的时候,有一些特殊的字符,例如空格、大于号、小于号等等,被浏览器提前征用,在程序员想使用的时候,需要用一些额外的字符表示这些特殊的字符,这些额外的字符就叫实体
3-2、实体的语法
&实体的名字;
常用的实体
空格
大于号 >
小于号 <
版权符号 ©
代码及效果展示:
四、常用的标签
4-1、常用标签
1、标题标签 h1,h2,h3,h4,h5,h6
默认样式:字体放大、字体加粗、独占一行了
语义:就是个标题,h1==>h6,语义是逐步降低的
h1的语义是最重的,一般情况一个页面只有1个h1
常用的就是h1-h3
2、段落标签 p
默认样式:段落与段落之间有空白的间距;独占一行
语义:一个自然段
3、强调标签 em strong
em标签:
默认样式:有一点斜体;没有独占一行
强调语音语调
strong标签:
默认样式:有加粗的效果;没有独占一行
强调内容的重要性
俩个标签的区别:首先默认样式的不同、然后强调的重点不一样
其实在实际的开发过程,不会做这么细致的区分
4、换行标签 br
它是一个自结束标签,具体看下面用法
5、分割线标签 hr
它与br标签一样也是一个自结束标签
6、引用标签 q
效果图上的 “学而时习之” 双引号的效果就是q标签实现的
(ps:后续会持续更新HTML知识,点点关注,希望大家一起进步)