html常用标签思维导图

大灰

2022-11-26

浏览量: 15

超文本标记语言基础语法

HTML标签

计算机基础语言

WEB前端基础语言常用标签分类

树图思维导图提供《html常用标签》在线思维导图免费制作，点击“编辑”按钮，可对《html常用标签》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：74be275d0f0cb8e52ee9f6294c63317f

思维导图大纲

表单标签

表单域

属性

action="url地址"

method=""

get

post

name="文本"

表单控件

属性

type=""

button

radio

checkbox

image

password

file

reset

submit

text

hidden

name="自定义名称"

value="自定义名称"

checked=""

maxlength="正整数"

步骤

第一步

第二步

属性

selected="selected"

属性

cols="正整数"

rows="正整数"

列表标签

注

1.前者标签只允许嵌套后者标签，后者标签内可放任何内容

2.各列表间最突出的区别在于各自都拥有独特的样式，但在实际开发使用时，会使用CSS来设置

表格标签

属性

align=""

left：左对齐

center：居中

right：右对齐

border=""

""：没有

"1"：有

cellpadding="像素值"

cellspacing="像素值"

width="像素值或百分比"

height="像素值或百分比"

基本标签

第一层

第二层

基本标签

第一层

第二层

合并单元格

属性

rowspan="行数"

colspan="列数"

步骤

第一步：确定需要跨行合并还是跨列合并

第二步：确定目标单元格并在其标签中写入属性

第三步：删除多余单元格

特殊字符

注

1.由于特殊字符太多，有需要的可以到以下网站去查看

2.新手记不住没关系，会查阅资料也是一大进步，记住常用的就好

常用

https://www.runoob.com/tags/html-entities.html

全部

https://www.runoob.com/tags/ref-entities.html

https://www.runoob.com/tags/html-symbols.html

超链接标签

<a></a>

属性

href="url地址"

target=""

_self：当前页面打开（默认值）

_blank：新窗口打开

分类

外部链接

内部链接

下载链接

空链接

网页元素链接

锚点链接

第一步

第二步

图像标签

<img/>

属性

src="路径"

alt="文本"

title="文本"

width="像素值"

height="像素值"

border="像素值"

路径

相对路径

上一级路径

同一级路径

下一级路径

绝对路径

语义标签

<p></p>

<br />

文本格式化标签

<div>和<spen>标签

文档标签

<!DOCTYPE>

属性

lang=""

en：英语

zh-CN：中文

<meta>

属性

charset=""

GB2312：简体中文

BIG5：繁体中文

GBK：全中文

UTF-8：万国码

四种常用运算符思维导图

U281067260

3.22

树图思维导图提供《四种常用运算符》在线思维导图免费制作，点击“编辑”按钮，可对《四种常用运算符》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：59dc73284171ff1cb99ceabca49e5c13

常用视频效果思维导图

U480017573

4.68

树图思维导图提供《常用视频效果》在线思维导图免费制作，点击“编辑”按钮，可对《常用视频效果》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：428775303103f6c076438aca29ed941a

思维导图模板

IT互联网

互联网干货

正文

相似思维导图模版

思维导图模版推荐

抖音玩法20200719-第二章内容~价值模型：打造爆款内容的五个专用模板思维导图

2022-11-26 14:14:39

首页

我的文件

我的团队

个人中心