
HTML标签进阶版
本文全部为个人一个字一个字敲上去的,如果有错误的地方,欢迎指正。如果哪有讲的不清楚地地方,欢迎私信,一定帮你学明白。
期待您的关注与支持,您的一个就是我不断更新的动力。
图像标签
1.图像标签用于在网页中嵌入图片,该标签无结束标签,可单独使用。
运行结果:在网页中显示一张图片
超链接标签
1.外部链接用于在网页中标记文本或图像从而形成超链接,用户单击后将跳转到另一个指定的页面,从而实现浏览空间的跨越。
运行结果:
2.内部链接超链接也可以通过单击跳转到同一页面的指定区域
运行结果:如果一个网页有不止一页的时候,就可以在底部添加跳转到顶部的超链接,方面用户使用。也可以在顶部添加跳转到底部的超链接。
表格标签
1.表格标签
表格标签
2.表格行标签
表格行标签和用于定义表格中的一行。
3.单元格标签
单元格标签和用于定义表格行中的一个数据单元格。数据单元格中可以包含表单、文本、水平线、图片、列表、段落、甚至新的表格等内容。默认状态下,单元格的内容为左对齐。
4.表头标签
表头标签和用于定义表格的第一行表头,默认为粗体字、居中字体。
5.表格标题标签
表格标题标签和可用于为表格添加标题,该标题默认为居中并对齐显示在表格的顶部。
姓名 | 语文 | 数学 |
---|---|---|
张三 | 98 | 90 |
李四 | 95 | 80 |
王五 | 90 | 83 |
运行结果:
框架标签
内联框架标签
框架标签用于在网页的框架内定义子窗口。
.html代码
iframe标签的应用
运行结果:我并没有在结尾加换行标签,块级元素自动换行,加以颜色容易区分。
2.标签
标签通常作为文本的容易,它没有特定的含义和样式,只有与CSS同时使用才可以为指定文本设置样式属性。与块级元素相反,内联元素不会自动换行,因此标签内容都显示在一行。
运行结果:
换行标签
换行标签是我们常用的标签,起到换行的作用
字体标签
最正统的字体标签,操作网页上的文字
属性:颜色:color
大小:size默认值是3,最小值是1,最大值是7
+2,默认值加2,加到最大值7为止
-2,默认值减2,减到最小值1为止
如果想让字体变大更大或更小,需要用CSS来完成。
字体类型:face隶书,楷书,还支持英文字体
我是字体标签我是字体标签
我是字体标签
我是字体标签
我是字体标签
我是字体标签
我是字体标签
我是字体标签5
我也是字体标签5
运行结果:对比着看就很清晰了
斜体标签
斜体标签:和
注意点:(1)HTML标签不区分大小写
(2)HTML标签可以嵌套使用,但不允许交叉嵌套
举例:
既是粗体又是斜体 (√) 既是粗体又是斜体 (×)
我是粗体标签我是斜体标签
我是粗体加斜体标签
运行结果:
表单标签
封装表单标签的范围属性:(1)action表示表单要提交的地址
(2)method表示表单提交的方式,有get和post两种
get和post的区别:
1、get方式进行提交时,参数列表内容以明文形式显示到地址栏上。
post方式提交时,封装到请求体中,不会显示在地址栏中。这种方式比较安全
2、get方式提交时,安全级别比较低。
post方式提交,安全级别比较高。
3、get方式提交时,对参数列表的数据大小有限制。地址栏大小是一定的。默认是1KB。
post方式提交时, 对大数据没有限制。支持大数据的传输。
:用户输入项的内容,例如:普通的文本框、普通的密码框
注意:
input标签上有两个属性:name(必须要指定)value(不一定要指定)。
name和value是(键值对,name是名称,value是值。
name属性必须要指定值,value属性值不一定要指定,根据具体的业务来确定。
type:属性值的不同,显示不同的输入框。
type=“text” :普通的文本框
type=“password” :密码框,非明文的
type=“radio” :单选按钮。
属性:
name:必须加入组的概念。指定相同的属性name值,组内的按钮才可以完成单选。name属性相同,才算是一组。
checked:默认值。用户少操作一步,提高了用户的体验。
例如:checked=“checked”。只要在radio上出现了checked属性,就默认是被选中的。
type="checkbox" :多选按钮
组的概念:指定相同的name
默认值:checked=“checked”
type="file":文件上传
name:属性值一定要指定的
type="hidden":隐藏组件。用户不需要看不到的数据,使用该该组件隐藏起来。
type="button" :按钮(常与JS语言一起使用)
name:属性不用写,没有用。
value:按钮上显示的文字,可以没有。
type="submit":提交。默认显示“提交查询”。表单收集用户数据,点击后就可以把表单数据提交到后台。
type="reset" :重置。默认显示“重置”。恢复到最初的状态。怎么证明不是清空内容?
:选择下拉框。
name :name属性必须指定,并且指定在select标签上。
:
value:value属性必须指定,并且指定在option标签上
selected :默认值属性。例如:selected=“selected”
:文本域。可以写入多行多列的内容
rows:行数。
cols:列数。
运行结果:
HTML5新增的常用标签
HTML web前端
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。