HTML基础
1.在vs code中可以用ctrl+/来进行注释
2.html 超文本标记语言
3.html5是html的第五个版本,添加了一些新的标签和api,使用h5必须在页面前面的开通添加以下代码:
<!DOCTYPE html>
他含义是声明当前文档类型是html5 标准的文档,这样浏览器在解析渲染的时候会按照h5的标准解析渲染。
4.html文档是由标签组成
标签=起始标记+结束标记+标签属性+标签内容
标签可以分为单标签和双标签,他们的闭合放视不同
单标签例子
<img />
双标签例子
<div>内容</div>
HTML标签
1.head标签内的内容,不会渲染在页面中
2.源信息标签<meta /> 作用是设置网站的源信息。
meta的另一种写法
<meta name="属性名" content="属性值">
①charset属性,用来定义文本的编码格式
UTF-8 万国码,目前开发中最常用
gb2312 中文码
通常会吧charset属性设置成UTF-8,如果不设置charset属性,可能会导致页面乱码,解决方案是讲charset属性设置成UTF-8即可
②author属性
用来定义网站的作者,一般是公司的名字
③keywords属性
用来定义网站的关键词,如果有多个关键词,用英文逗号隔开,关键字最好不超过10个
精确的keywords值,更有利于SEO(搜索引擎优化)
④description属性
用来简单的描述网站的内容不超过100字,有利于SEO
3.title标签
双标签,它的SEO权重很大,因此需要谨慎书写书里面的内容
4.body标签
标签里的内容,会渲染在页面的可视区域
基础标签(块标签)
标签分为行属性标签和块属性标签
块属性标签(独占一行,不换行)
1.div标签
没有任何意义,常常用来页面的布局
2.h标签
h标签分为h1-h6 显示的为标题
在一个页面中,h1最多出现一次,h2最多出现20次,h3-h6次数不限
h1的用法:①logo处 ②咨询详情的大标题
由于h1的权限较大,只能出现在以上两个地方
3.p标签
段落标签,它的里面一般包含一段文字
4.hr标签
分割线
ps:br标签 换行符(既不是行元素,也不是块元素)
5.无序列表 ul > li
可以设置他的 list-style-type属性
square:实心方块
circle:空心圆
none:取消列表样式
disc:高版本系统下的默认样式
6.有序列表 ol > li
也可书写它的 list-style-type属性
lower-alpha:小写字母
lower-roman:小写罗马文
upper-alpha:大写字母
upper-roman:大写罗马文
ps: ol,ul,li 都是块属性标签 li是列表项,并且ol,ul的子元素,必须是li
7.定义列表 dl>dt dl>dd
dl:块标签,定义列表的父元素
dt:块标签,定义列表的标题
dd:块标签,定义列表的列表
8.address地址标签
一般的,他的内用是一个地址
9.blockquote引用标签
一般引用的是一段文字,他的city属性 表示该文字引用的文献名目
ps:不要使用 html官方没有的标签,虽然也会被浏览器渲染,但是不符合w3c的规范