<<<<<<< HEAD ======= >>>>>>> ad48da2ac739aa5e4ce2f075bdb7e3208a9efcb5 <<<<<<< HEAD
Skip to content

构建html架构,快捷方式:!

2025-12-25235211.png

单标签:br/img src=""/hr/meta/link

双标签:div/p/a/title/ul/b/span/

公共属性 每一个标签都可以定义的属性:

1.id定义唯一标识

2.class定义类名

3.name定义名称

4.style定义行内样式

5.title定义划过气泡提示

html注释快捷键"ctrl+/"

标题生成h1~h6快捷键:h$6

段落(p)双标、换行(br)单标、水平线(hr)(align,设置水平线的对齐方式(默认居中),可取值left/right)

图片标签:“img src=(引用路径),alt=(规定图像的替代文本) ,width(宽) ,height:(高) ,title=(鼠标悬停在图片上给予提示)"

超文本链接标签:《a href="ur1"》链接文本《/a》

文本标签:em(着重文字)/b(加粗)/i(斜体)/strong(加重语气)/del(删除字)

列表标签:ol(有序)/ul(无序)/li(段落,用于ol/ul标签中)

快速生成ul+li的布局:ul>li*3(数字根据自己的需要的li数量修改)

type属性:disc默认实心圆 /circle空心圆 /square小方块/none不显示

表格标签:《table》《tr(行)》《td(列)》《/td》《/tr》《/table》

单元格合并:水平合并:colspan 垂直合并:rowspan

水平合并:保留左边,删除右边

垂直合并:保留上边,删除下边

先水平合并,在垂直合并

form表单标签:表单是由容器控件组成的,一个表单一般应该包含用户填写信息的输入框,提交按钮等,这些输入框,按钮叫做控件,表单就是容器,它能够容纳各种各样的控件

《form action=”ur1“ method=“get/post” name=“myform”》《/form》

action服务器地址

name表单名称

method中Get和Post的区别 1.数据提交方式,get把提交的数据url可以看到,post看不到 2.get一般用于提交少量数据,post用来提交大量数据

表单元素 :表单标签、表单域、表单按钮 1.表单标签 2.表单域 3.表单按钮

input type="text"-----域

input type="submit"-----按钮

文本框L和密码框标签2025-12-26005047.png

2025-12-26005317.png

提交按钮 当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理

.2025_12_26_01_10_39.jpg2025_12_26_01_13_28.jpg

内联元素和块级元素的区别

2025_12_26_01_17_47.jpg

常见块级元素(换行,能够识别宽高) div、form、h1~h6、hr、p、table、ul、等

常见内联元素(行内元素)(换行,不识别宽高) a、b、em、i、span、strongs等

行内块级元素(特点:不换行、能够识别宽高) button、img、inputs等

《header》《/header》头部

《nav》《/nav》导航

《section》:《/section》定义文档中的节,比如章节、页眉、页脚

《aside》《/aside》侧边栏

《footer》《/footer》脚部

《article》《/article》代表一个独立的、完整的相关内容块,例如一篇完整的论坛帖子,一篇博客文章,一个用户评论等

=======
Skip to content

构建html架构,快捷方式:!

2025-12-25235211.png

单标签:br/img src=""/hr/meta/link

双标签:div/p/a/title/ul/b/span/

公共属性 每一个标签都可以定义的属性:

1.id定义唯一标识

2.class定义类名

3.name定义名称

4.style定义行内样式

5.title定义划过气泡提示

html注释快捷键"ctrl+/"

标题生成h1~h6快捷键:h$6

段落(p)双标、换行(br)单标、水平线(hr)(align,设置水平线的对齐方式(默认居中),可取值left/right)

图片标签:“img src=(引用路径),alt=(规定图像的替代文本) ,width(宽) ,height:(高) ,title=(鼠标悬停在图片上给予提示)"

超文本链接标签:《a href="ur1"》链接文本《/a》

文本标签:em(着重文字)/b(加粗)/i(斜体)/strong(加重语气)/del(删除字)

列表标签:ol(有序)/ul(无序)/li(段落,用于ol/ul标签中)

快速生成ul+li的布局:ul>li*3(数字根据自己的需要的li数量修改)

type属性:disc默认实心圆 /circle空心圆 /square小方块/none不显示

表格标签:《table》《tr(行)》《td(列)》《/td》《/tr》《/table》

单元格合并:水平合并:colspan 垂直合并:rowspan

水平合并:保留左边,删除右边

垂直合并:保留上边,删除下边

先水平合并,在垂直合并

form表单标签:表单是由容器控件组成的,一个表单一般应该包含用户填写信息的输入框,提交按钮等,这些输入框,按钮叫做控件,表单就是容器,它能够容纳各种各样的控件

《form action=”ur1“ method=“get/post” name=“myform”》《/form》

action服务器地址

name表单名称

method中Get和Post的区别 1.数据提交方式,get把提交的数据url可以看到,post看不到 2.get一般用于提交少量数据,post用来提交大量数据

表单元素 :表单标签、表单域、表单按钮 1.表单标签 2.表单域 3.表单按钮

input type="text"-----域

input type="submit"-----按钮

文本框L和密码框标签2025-12-26005047.png

2025-12-26005317.png

提交按钮 当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理

.2025_12_26_01_10_39.jpg2025_12_26_01_13_28.jpg

内联元素和块级元素的区别

2025_12_26_01_17_47.jpg

常见块级元素(换行,能够识别宽高) div、form、h1~h6、hr、p、table、ul、等

常见内联元素(行内元素)(换行,不识别宽高) a、b、em、i、span、strongs等

行内块级元素(特点:不换行、能够识别宽高) button、img、inputs等

《header》《/header》头部

《nav》《/nav》导航

《section》:《/section》定义文档中的节,比如章节、页眉、页脚

《aside》《/aside》侧边栏

《footer》《/footer》脚部

《article》《/article》代表一个独立的、完整的相关内容块,例如一篇完整的论坛帖子,一篇博客文章,一个用户评论等

>>>>>>> ad48da2ac739aa5e4ce2f075bdb7e3208a9efcb5