更多基本标签:https://blog.csdn.net/ak739105231/article/details/91381288
一、html: html:htyper markup language 超文本标记语言
超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素
标记语言:标记(标签)构成的语言,即:<>标签,构成的
网页==html文档,由浏览器解析,用来展示的
静态网页:静态的资源,如:xxx.html
动态网页:html代码是由某种开发语言根据用户请求动态生成的
二、什么是标签
标签主要分为:块级标签与内联标签,块级标签即独占一行;内联标签,即:不独占一行;
标签嵌套:
块级标签可以嵌套块级标签、内联标签;但是内联标签只能嵌套内联标签
1.是由一对尖括号包裹的单词构成,for example:<html> ,所有的标签中的单词不可以以数字开头
2.标签不区分大小写:<html>和<HTML>是一样意思,推荐使用小写
3.标签分为两部分,开始标签<a>和结束标签</a>;两个标签之间的部分,叫做标签体
4.有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭和标签,例如:<br/><hr/><input/><img/><meta >
5.标签可以嵌套,但是不能交叉嵌套,即:<a><b></a></b> 是不可以的;
常见的块级标签有div、form、table、p、pre、h1-h5、dl、ol、ul等
常见的内联标签有span、a、strong、em、label、input、select、textarea、img、br等
三、标签的属性
1.通常是以键值对形式出现的,例如:name="iThing"
2.属性只能出现在开始标签 或自闭和标签中
3.属性名字全部小写,属性值必须使用双引号或单引号包裹,for example:name="iThing"
4.如果属性值和属性名完全一样,直接写属性名即可,例如 readonly
四、<!DOCTYPE html>标签介绍
五、<head>标签
在页面上是看不到的,head标签里面的内容主要是解释说明类的内容
1.首先,<meta> :举例:<head charset="utf-8"> 即:说明下面所有整个文档是按照utf-8编码的;
meta标签的组成:主要两个属性:http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能;
接下来,介绍name属性:主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的;
<meta name="keywords" content="key0,key1,keys2,……">
<meta name="description" content="xxx培训机构是一家非常正规的机构……">
2.http-equiv:相当于http的文件头作用;它可以向浏览器传回一些有用的信息,以帮助正确和精确的显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值;
<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">
注意后面的引号,这句话表示:页面在2秒后跳转到一个URL链接
<meta http-equiv="content-Type" charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
注意:这个是兼容ie的,一般很少使用
截图实例:
2.title标签:<title>name</title>:网页的title:name
3.link标签:<link rel="icon" href="http://www.jd.com/favion.ico">##:图标
<link rel="stylesheet" href="css.css">
4.script标签:<script src="hello.js"></script>
六、<body>标签
主要用的最多:p标签,即:段落标签;
最后用的非常多的:div标签
div最大的特点:即没有特点;即可以随意的改变、调整效果;
七、特殊字符:
 :空格
<:小于号
>:大于号
©:
®:
还有很多……