Html前端基础(这些基础标签你必须知道!)

文章目录

        • HTML基本常识
        • 一些基础标签
        • 练习代码

本文主要介绍Html的基础知识,和一些必须知道的Html标签及它们的用法功能

HTML基本常识

1、浏览器: 就是一个解释器,用来解释Html文档的。
每个页面展示的内容,就是server端返回给客户的一推字符串代码,用浏览器渲染一下就变成了各种页面上绚丽的效果

2、
CS模式:
C->client; S->server
BS模式: B->browser S->server

3、html: 超文本标记语言
超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素
标签语言: 以<>来包括的语言,如Html文档、xml文档

4、标签特点:
标签不区分大小写. 和 . 推荐使用小写.
标签分为两部分: 开始标签 和 结束标签. 两个标签之间的部分 我们叫做标签体.
有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.
例如:

标签可以嵌套.但是不能交叉嵌套.

5、标签的属性:
通常是以键值对形式出现的. 例如 name=“alex”
属性只能出现在开始标签 或 自闭和标签中.
属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name=“alex”
如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly

6、静态网页: 静态的资源,如xxx.html
动态网页: html代码是由某种开发语言根据用户请求动态生成的

7、Html树:
Html前端基础(这些基础标签你必须知道!)_第1张图片

一些基础标签

1、注释标签:
注释
2、标签 一种渲染标识,由于历史的原因,各个浏览器在对页面的渲染上存在差异
两种渲染模式:
BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。那么,那么就等同于开启了标准模式。

3、head头标签和meta标签
标签: 在页面内的看不到的,起解释标题的作用(keywords搜索关键字,description网站描述信息)
标签: meta标签共有两个属性(http-equiv属性和name 属性)
(1)name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
(2) http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content, content中的内容其实就是各个参数的变量值。

(3)
页面隔两秒就调到百度首页

(4)
默认UTF-8编码的请求头

(5)
必须加的兼容性标签

(6)
图标标签,给网页添加图标

4、body标签
标签:
显示给用户看的内容,

最大,

、<\h3>…依次减小


标签:换行标签,加在内容的后面

标签:段落标签,加间隙换行

加粗标签

加粗标签

删除线标签

斜体标签

上标下标:
32表示2作为下标,32
32表示2作为上标,32


表示一条横线

5、div标签:

标签:
自由的模块化标签,可以对局部进行设置(与

标签最大的区别)

6、块级标签与内联标签
(1)块级标签: