HTML标签

标签
- 双标签
- - 1.加粗标签：b strong
  - 2.倾斜标签：i em
  - 3. 下划线标签：u
  - 4. 字体标签：font
  - 5. 角标标签：下角标标签（sub）和上角标标签（sup）
  - 6. 删除线：s del
  - 7. 段落标签：p
  - 8. div标签：盒子元素、块级元素、容器作用：用于区块的划分
  - 9. span标签
  - 10. 列表标签：ol、li、ul
  - 11. 文本标题标签：h1~h6
  - 12. 超链接标签：a
  - 13.表格标签和表单标签
  - 14.表单标签
- 单标签
- - 1. 换行标签：br
  - 2. 水平线标签：hr
  - 3.图片标签：img

标签	具体类型
双标签	b、strong、i、em、u、font、sub、sup、s、del、p、div、span、ol、li、ul、h1~h6、
单标签	br、hr、img

属性	属性值
字体大小：size	1-7 1是最小的 7是最大的 3是默认的字体
文本颜色：color	red green blue
字体属性：face	隶书楷体宋体…浏览器支持的字体为：宋体隶书楷体，默认的字体为宋体

属性	属性值
修改列表项显示类型：type	1/A/a/I/i
修改起始项：start	数值例如：start=“3”

属性	属性值
修改列表项显示类型：type	disc(黑色实心圆）、circle(空心圆）、square(黑色实心正方形)、none（取消列表项）
修改列表项显示类型：type	disc(黑色实心圆）、circle(空心圆）、square(黑色实心正方形)、none（取消列表项）

属性	属性值
target	_self(自己的页面) _blank(新的页面)

属性	属性值
边框：border	以px为单位的数值
width	可以为px为单位的数值，也可以用%为单位
height	可以为px为单位的数值，也可以用%为单位，但是不能直接使用百分比，需要从父元素继承，即body，html{height:100%;}
背景颜色：bgcolor	颜色值
边框颜色：bordercolor	颜色值
取消单元格与单元格的间距：cellspacing	0px
单元格与内容之间的间距：cellpadding	以px为单位的数值
只显示外边框：frame	above(上边框线) 、below（下边框线）lhs(左边框线)、rhs(右边框线) 、box/border(四周的边框线)
rules：表格里面的横纵线显示	rows:横线；cols：纵线

tr的属性

属性	属性值
height	数值
背景颜色：bgcolor	颜色值，给tr设置的时候会影响这一行的单元格的背景颜色
align：一整行单元格的文本水平对齐方式	left、right、center
valign：一整行单元格垂直对其方式	bottom/top/middle

td的属性

属性	属性值
width
height
背景颜色：bgcolor	只会影响自己的那个单元格
文本对齐方式：align	left、right、center
垂直对其方式：valign	top、bottom、middle
水平合并单元格：colspan	横向合并，在一行里面操作。水平合并时都操作的同一个tr里面的td
纵向合并单元格：rowspan	横向合并，在一行里面操作。水平合并时都操作的同一个tr里面的td

合并第一列和第二列：
<table><tr><td colspan="2">1</td><!--<td>2</td>--><td>3</td></tr>
</table>

合并第一列的第一行和第二行,即下方的1和4合并

<table><tr><td rowspan="2">1</td><td>2</td><td>3</td></tr><tr><!--<td >4</td>--><td>5</td><td>6</td></tr><tr><td >7</td><td>8</td><td>9</td></tr>
</table>

14.表单标签

<form  action="跳转地址" method="提交方法"></form>

作用：用来收集用户信息的
学习表单的时候，主要学习的是表单中的控件内容。输入框密码框，单选，多选等等。这些控件一定要放在form标签才能起收集信息的作用。以下是控件

输入框
单行文本输入框，只能在一行中输入不能折行

<input  type="text" value="提示文本">

密码框

<input  type="password" placehoder="提示文本">

按钮类
1）提交按钮

<input  type="submit" placehoder="提示文本">

2）重置按钮

<input  type="reset" placehoder="提示文本">

配合form标签，清空表单数据
3）普通按钮

<input  type="button" value="提示文本">

单标签

1. 换行标签：br

 对文本进行换行,强制性转行，不是段落划分。

1111111111111<br>
1111111111111

2. 水平线标签：hr

作用：一条水平线

属性	属性值
noshade	noshade
color	颜色值
width	宽度值
height	高度值
水平对其方式：align	center(默认值)、left、right

<hr noshade="noshade" color="red" width="500px" height="100px" align="left" >

3.图片标签：img

语法：<img src="路径" alt="">

路径：文件存储的地址，查找文件的一个途径。
相对路径：通过文件和文件之间的关系去找到对应的文件/图片

图片和页面之间是同级关系的话，插入图片路径直接可以把图片名字当做路径使用
图片所在的文件夹和页面是同级关系，需要先进入大存储图片的文件夹里面，然后再去查找图片。
图片所在的文件夹和页面所在的文件夹，是同级关系的话查找图片：
img
pic.png
html
图片标签.html

查找办法：…/img/pic.png
…/：返回上一级
./:同一级
…/…/返回上两级

绝对路径：是一个完整的地址，可以是互联网地址，也可以是服务器上的地址，某一盘符的一个完整的路径。

alt=“图片的描述”
当图片为破损文件时，才会显示文本提示，否则不提示。
作业：为了方便优化代码，经常在优化网站时，添加alt属性，目的在于方便爬虫的爬取。
其他属性：
width、height；
title属性：当鼠标放上去的时候显示文本。

html单标签和双标签汇总相关推荐

HTML中单标签与双标签的分类
HTML中单标签和双标签的分类单标签:只有一个标签. 双标签:有开始和结束标签 HTML标签关系可以是嵌套关系,也可以是并列关系常见的单标签有 <hr /><br />&l ...
html中的单标签与双标签
单标签:只有一个<>组成,例如<br/> 双标签:由<></>组成,有始有终,<>表示标签开始,</>表示标签结束,例如< ...
html中有哪些单标签和双标签？
.在HTML基础中,单标签bai就是由一个标du签组成的.例如<br>.zhi<hr>.<img>.<input>.<param>.< ...
HTML单标签和双标签的区别及分类
定义单标签:由一个标签组成.例如 <br/> 双标签:由"开始标签"和"结束标签"两部分构成.例如<p></p> < ...
单标签和双标签的区别
定义单标签:由一个标签组成.例如<hr /> 双标签:由"开始标签"和"结束标签"两部分构成.例如<p></p> < ...
什么是单标签和双标签，有何区别。
定义单标签:由一个标签组成.例如<hr/> <input>等. 双标签:由"开始标签"和"结束标签"两部分构成.例如<p> ...
vscode怎么快速打不是html标签的双标签呢？比如vue里面的自定义双标签
先把ctrl+E的快捷键干掉 Emmet设置为Ctrl+E即可用法:例:我们在用vue时需要输入shopping-cart 按ctrl+E后<shopping-cart></sh ...
web前段学习day_01:HTML（学习如何搭建页面结构和内容）：文本标签、列表标签、图片标签、超链接、表格、表单表单、分区标签、实体引用
学习如何构造页面结构和内容安装HBuilderX 一.HTML 创建第一个HTML页面写完html后如何测试写在body中的常见标签有哪些? 注释快捷键 Ctrl+Shift+/ 1.文本相关标 ...
input表单标签和label标签以及常使用标签的介绍
文章目录一.input表单标签 1.文本框 2.密码框 3.单选框 4.复选框 5.文件选择 6.按钮二.button按钮标签三.select下拉菜单标签四.textarea文本域标签五.l ...
html语言中标记h1代表什么,HTML h1标签是什么标签？如何设置html h1标签的位置？...
HTML h1标签是什么标签?如何设置html h1标签的位置? 发布时间:2020-07-08 16:19:21 来源:亿速云阅读:564 作者:Leah 本篇文章给大家分享的是有关HTML h1 ...

html单标签和双标签汇总

HTML标签

标签

双标签

1.加粗标签：b strong

2.倾斜标签：i em

3. 下划线标签：u

4. 字体标签：font

5. 角标标签：下角标标签（sub）和上角标标签（sup）

6. 删除线：s del

7. 段落标签：p

8. div标签：盒子元素、块级元素、容器作用：用于区块的划分

9. span标签

10. 列表标签：ol、li、ul

11. 文本标题标签：h1~h6

12. 超链接标签：a

13.表格标签和表单标签

14.表单标签

单标签

1. 换行标签：br

2. 水平线标签：hr

3.图片标签：img

html单标签和双标签汇总相关推荐

最新文章

热门文章

html单标签和双标签汇总

HTML标签

标签

双标签

1.加粗标签：b strong

2.倾斜标签：i em

3. 下划线标签：u

4. 字体标签：font

5. 角标标签：下角标标签（sub）和上角标标签（sup）

6. 删除线：s del

7. 段落标签：p

8. div标签：盒子元素、块级元素、容器 作用：用于区块的划分

9. span标签

10. 列表标签：ol、li、ul

11. 文本标题标签：h1~h6

12. 超链接标签：a

13.表格标签和表单标签

14.表单标签

单标签

1. 换行标签：br

2. 水平线标签：hr

3.图片标签：img

html单标签和双标签汇总相关推荐

最新文章

热门文章

8. div标签：盒子元素、块级元素、容器作用：用于区块的划分