HTML&&CSS记录笔记第二天 认识HTML页面中基本标签

216 阅读2分钟

前提声明:所有内容均为之前学习过程中的笔记和个人总结,(无法避免雷同,敬请谅解,如有侵权,私信删除)。如有错误之处请各位大佬不吝赐教。

(笔记内容将包括 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样式适使用