01、基础
<!DOCTYPE HTML>
<!-- 声明当前文档类型是 html5标准的文档,当浏览器在解析渲染的时候 会按照h5的标准解析 -->
<html lang="en">
<!- 表示这个页面是什么语言。lang是language的简写,表示语言的意思。 en表示English,表示这个页面是英语的 ->
<head>
<meat charset="UTF-8">
<meat http-equiv="X-UA-Compatiable" content="IE=edge">
<!-- http-equiv,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 -->
<meat name="viewport" content="width=device-width, initial-scale=1.0">
<!-- viewport就是浏览器上用来显示网页的那部分区域,这段代码的意思是让viewport的宽度等于物理设备上的真实分辨率,不允许用户缩放 -->
<title>这是一个网页</title>
<!-- 用于定义文档的标题,是所有HTML文档中是必需的。"title"元素可以提供页面被添加到收藏夹时的标题、提供显示在搜索引擎结果中的页面标题。 -->
</head>
<body>
<!-- body是写一个网页代码的主体部分,通过将不同的代码写到body内,由网页实现效果,即用户通过网页看到的内容 -->
</body>
</html>
head 标签中的内容 不会渲染在页面中 主要是源信息标签
<meat /> 作用是:设置网站的源信息
charset 属性:用来定义文本的编码格式
UTP-8:万国码,目前开发中最常用的编码
gb2312:中文码
通常都把charset的值设置成UTF-8,如果不设置charset属性,可能会导致页面乱码,解决方案是设置成 UTP-8 即可
author 属性:用来定义网站的作者,一般是公司的名字
keywords 属性:用来定义网站的关键字,如果有多个关键字,用英文逗号隔开
关键字最好不要超过十个 精准的keywords 值,更有利于SEO(搜索引擎优化)
description 属性:用来简单的描述网站的内容,不要超过100字,有利于SEO
meta的另一种写法
<meta name="属性名" content="属性值" />
title 标签,他是一个双标签,他的SEO权重很大,因此需要谨慎书写里面的内容
body 标签里面的内容,会渲染在页面的可视区域
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta autor="郑科班">
<meta keywords="蔡徐坤,rap,篮球,唱跳">
<meta description="网站的描述。。。。。。。。">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>head标签</title>
</head>
<body>
</body>
</html>
02、基础标签-块
标签分为 行属性标签 和 块属性标签
块属性标签
1.div 标签
没有任何意义的标签,通常用来进行页面布局
2.h系列 标签
h1~h6
在一个页面当中,h1 最多只能出现一次,h2最多只能出现20次,h3~h6 次数不限
h1 的用法:
1.logo处
2.咨询详情页的大标题
由于 h1 的权限较大,只能出现在以上两个地方
3.p 标签
段落标签,他的里面一般包含一段文字
4.分割线 <hr/> 与换行符 <br/>
二者实际并不能算是块标签
5.无序列表
ul >li
可以设置它的
list-style-type 属性
square:实心方块
circle:空心圆
dotted:实心圆
none:取消列表样式
disc:高版本系统下的默认样式
6.有序列表
ol > li
可以设置它的
list-style-type 属性
lower-alpha : 小写字母
upper-alpha : 大写字母
lower-roman : 小写的罗马文
upper-roman : 大写的罗马文
7.定义列表
dl > dt
dl > dd
dl:定义列表的父元素
dt:块标签,定义列表的标题项
dd:块标签,定义列表的列表项
8.address 地址标签 ,一般内容为一个地址
9.blockquote 引用标签
一般应用的是一段文字,它的cite 属性表示该文字引用的文献名目
不要使用 Html 官方没有的标签,虽然也会被浏览器渲染,但是不符合 w3c 规范
类如:h7