前提声明:所有内容均为之前学习过程中的笔记和个人总结,(无法避免雷同,敬请谅解,如有侵权,私信删除)。如有错误之处请各位大佬不吝赐教。
(笔记内容将包括 HTML(5)/CSS(3)/JS/bootstrap/less/jQuery/ajax/ES6/promise/axios/Vue2/vue3/npm 以及如何搭建一个java springboot后端服务器与前端进行交互)
下篇预告:HTML基本语法规范以及常用标签
一、网页结构介绍 根据W3C标准,一个网页主要由三部分组成:结构/表现/行为。
结构:就是HTML各种标签结构
表现:就是由CSS美化的页面效果。
行为:就是由JavaScript对行为交互和数据展现的操作。
二、我们来简单介绍最初始HTML页面
<!DOCTYPE html> <!--使用DOCTYP声明网页版本,如果不写,则页面无法被浏览器解析(了解即可)-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
*************************分割线*********************************
<html> </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体
<head></head>: 标签头
<meta>标签:可提供有关页面的元信息:
1、设置charset 字符集
2、设置网页关键字: name="kaywords"(固定属性表示 contents是关键字)contents="关键字内
容"例如 contents="HTML,前端,java"这两个属性同时要存在搜索关键字的时候,就可能把我们的网页搜
到。
3、设置网页描述信息: name="disscription" content="描述网页"
4、设置请求的重定向:http-equiv="refresh"(固定写法content="设置几秒后跳转参数,url=地
址"。
**mate属性参数 查看帮助文档**
<title></title>标签:
1、定义文档的标题(所有浏览器都支持<title>标签,会影响到网页在搜索引擎中的排名)。
2、定义浏览器标签栏中的标题提供页面被添加到收藏夹时的标题显示。
3、在搜索引擎结果中的页面标题.是<head>标签中唯一必须的标签,并且在html文档的head中不能有
一个以上的<title>标签。
<body></body>标签:主要的页面结构全部写在body中。
**************************分割线********************************
初始body中标签:
<h1>标签 很重要,影响搜索引擎中的排序 搜索引擎搜索完title之后 就会搜索h1 经常使用 h1至h3
<p>段落标签:内容独占一行,并且段落之前有一定的行间距。
<br/>换行标签
<hr/> 水平分割线
<span>标签:没有实际含义 只是为了标识被选中的内容,更好的配合CSS样式适使用