前端学习总结(HTML)

HTML

HTML(超文本标记语言)

HTML的基本组成单位是元素,语法如下:

<标签>
内容
</标签>

HTML文档具体结构

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200225131508519.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDg4NTMzNw==,size_16,color_FFFFFF,t_70)

HTML文档结构由 、和三大元素组成:

在这里插入图片描述

中可以包含以下子元素:、、、、</link></base></meta>

页面标题位于title标签中,包含任何字符或实体
meta标签用于向客户的浏览器传递信息和命令,而不是用来显示内容,一个head标签可以包含多个meta标签
meta标签中的属性值:

在这里插入图片描述

文本元素:内容标题、文本修饰和特殊字符

在这里插入图片描述

内容标题:是双标签
文本修饰:

在这里插入图片描述

特殊字符:

在这里插入图片描述

文档结构元素:

在这里插入图片描述

列表元素:
有序列表:使用数字或字母编号

在这里插入图片描述

无序列表:使用项目符号编号

在这里插入图片描述

自定义列表:列表中的每个项目与描述配对显示

在这里插入图片描述

div与span标签
div

在这里插入图片描述

span

在这里插入图片描述

URL:

URL(Uniform Resource Locator,统一资源定位符)用于指定Web资源所在的位置,如同在网络上的门牌。URL是Internet上标准的资源地址,又称为网页地址或网址。URL包含3个关键部分:协议、主机地址和文件路径

在这里插入图片描述

图像标签

在这里插入图片描述
在这里插入图片描述

超链接标签

在这里插入图片描述

常见的超链接类型:文本链接、锚点链接、图像链接、图像热区链接、Email链接、JavaScript链接、空连接
超链接的target属性

在这里插入图片描述

表格标签

表格包含、、三大块,表格由和组成

在这里插入图片描述
在这里插入图片描述

表格属性

在这里插入图片描述

在这里插入图片描述

单元格标签
单元格属性:

在这里插入图片描述

表单

表单分为表单标签和表单控件:

在这里插入图片描述

表单属性:

在这里插入图片描述

表单域:搜集访问者的信息,一般位于与之间

表单域一般包含:文本框、密码框、隐藏域、多行文本框、单选按钮、复选框、列表选择框、文件选择框。
input标签:用于文本框、密码框、隐藏域等
input标签属性:

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值