web-html笔记（持续更新）

HTML标签

网页标题名称

SEO优化，搜索时网页排名靠前

<title>英雄联盟</title>

语言编码格式，常用格式

<meta charset="UTF-8">

标题标签

h1-h6从大到小  快捷生成h1-h6:h$*6

左，居中，右。在<>里直接写align=“”引号里:左left  居中center  右right

段落标签<p></p>

换行标签<br>(单标签)

水平线标签<hr>(单标签)  设置属性<hr color=“”width=“”size=“”align=“”>

color:设置水平线的颜色

width:设置水平线的宽度

size:设置水平线的高度

align:设置水平线的对齐方式（默认居中），可取值左left  居中center  右right

图片标签

<img>(单标签)  src=“./”或1.（./同级关系 同一文件夹 ../父级关系 不同文件夹）

src:路径

alt：当src路径错误或显示不出时会显示alt

width：图像的宽度

heigth：图像的高度
title：鼠标悬停在图片上给予提示

网络路径 直接在src后输入网址

超链接标签

<a></a>里面可以放任何内容，字，图片

href=“地址”

target=“_blank”打开新页面，不写则在原页面

文本标签

都可嵌套在p标签中

<em>定义着重文字

<b>定义粗体文字

<i>定义斜体字

<strong>定义加重语气

<del>定义删除字

<span>元素没有特定的含义

列表标签

有序列表ol，li  ol属性type  1（123） a（abc） A（ABC） i（i，ii，iii） l（l，ll，lll）

有序列表可以嵌套有序列表

无序列表 没有先后顺序

ul,li  ul属性type  disc默认实心圆  circle空心圆  square小方块  none不显示

无序列表可以嵌套无序列表

可用于页面导航，快捷方法ul>li*3（自己想要的数量）

表格标签

table表格  tr行  td列  快捷键table>tr*2>td*2{单元格}

表格属性  border设置表格的边框  width设置表格的宽度  heidht设置表格的高度

表格单元格合并

水平合并colspan

垂直合并rowspan

直接在td后写colspan=“1,2,3...”

Form表单

<form action=“”method=“”name=“”></form>

属性action服务器地址  name表单名称

method中数据提交方式，get把提交的数据url可以看到，post看不到

get一般用于提交少量数据，post用来提交大量数据

表单元素

表单标签，表单域，表单按钮

input输入框，单标签

文本域input type=“text”两个文本域之间可以用br进行换行

密码框input type=“password”字段不会显示

提交按钮input type=“submit”或<buttom>按钮</buttom>

替换文本value=“登录”  input type=“submit”value=“登录”

块元素与行内元素(内联元素)

块元素：独占一行（自上而下），可以设置宽高，一般块级元素可以包含行内元素和其他

内联元素：不会独占一行，不能设置宽高，一般可以包含内联元素，不能包含块级元素

行内块级元素:不换行，能设置宽高

常见块级元素div，form，h1-h6，hr，p，table，ul等

常见内联元素（行内）a，b，em，i，span，strong等

行内块级元素button，img，input等

HTML5新增标签，利于搜索引擎优化

div容器元素

header头部

nav导航

section定义文档中的节，比如章节、页眉、页脚

aside侧边栏

footer脚部

article代表一个独立的、完整的相关内容块，例如一篇完整的论坛帖子，一个用户评论等