第一章 常用HTML标签

第一章 常用HTML标签

1、什么是标签

用来存储单个意群的界面最基本的组成部分,和他们俩都是有标签组成的标签的写法是<>(英文半角小于)

2、在html标签

列如:<div></div>  <p></p><h1></h1><meta><img/><!---->

3、标签的存在的意义

完整性,直接能知道其完整性,
表意,每个标签的存在都是为了标记描述一个东西

4、单标签和双标签

<p></p>段落的双标签

<meta>元标签是单标签

5、标题标签

<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>
h标签有层级关系,h1是整体界面的主题内容
一个页面只能有一个h1标签,权重非常大,跟字体大小没有关系

是seo的关键字

6、段落标签

<p></p>文本内容

7、强调标签

<strong><strong>是强调标签,展示效果加粗

是seo的关键字

<b><b>加粗效果标签

8、斜体标签

<em><em>是强调局部标签,展示效果斜体

<i><i>展示效果斜体,用于许多的小图标上面iconfont

<span></span>单独设置样式标签

9、无序列表标签

<ul><li></li><li></li><li></li></ul>无序列表,列表结构,没有序号顺序

type='diso','circle','square'

10、有序列表

<ol><li></li><li></li><li></li></ol>

type='1','A','i','I' start='8' reversed倒序

11、对话标签

<dl><dt><dt><dd><dd><dt><dt><dd><dd></dl>对话标签
注意:在视角效果上请使用样式(CSS)调试
========================================================================

12、图标标签

<img> src/alt/width/height/title

scr图片路径
alt图片替代文本,图片描述,scr文件没有找到会使用alt的文字显示
width/height:宽度和高度,这二个属性可以改变图片的展示的宽高,但不能用来改变图片的宽高.他们不是样式,是属性,
应该写上图片的实际尺寸,不加单位,他们的作用不是用来展示图片的,是传输信息的,
在互联网上搜索会获取图片属性,实际尺寸进行压缩,搜索是匹配alt文字
title图标标题,悬浮文字.鼠标放在图片会显示title里面的信息
href图片的超链接
./当前路径../上级目录../../上上级目录

13、超链接标签

<a>超链接标签
   1.链接: href=''网页地址,相对路径
   2.锚点 href='#ID名'将浏览位置切换到id所在的位置
   3.下载 download="" 下载链接地址
   4.打开方式 target='_black/_self'
 
15、特殊符号
空格:&nbsp;  浏览器多个空格都解析为一个空格
小于号:&lt;
大于号:&gt;

16、html废弃标签

center/bgcolor/color/font/align

17、编码规范
head 一个tab键缩进1格
meta 二个tab键缩进2格
body 一个tab键缩进1格 里面的标签递增缩进