HTML-列表,表格与超链接标签使用方法
2018-01-19 20:46
671 查看
三、HTML-列表,表格与超链接标签使用方法
练习工具:HBuilder
练习标签:ol,ul,li,table,a,
列表代码
![](https://img-blog.csdn.net/20180119213747937?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTXlfX19fX0RyZWFt/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
代码分析:
ol 为有序列表 可使用type选择排序的样式,默认为123..。ul为无序列表,样式一般有圆点方点等,默认为圆点。li为列表每一项.
a标签为超链接标签,其常用属性href为跳转地址。target为跳转方式,有本页跳转和新页跳转。
结果展示
![](https://img-blog.csdn.net/20180119213827374?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTXlfX19fX0RyZWFt/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
表格代码展示
![](https://img-blog.csdn.net/20180119214024207?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTXlfX19fX0RyZWFt/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
代码分析:
table为表格标签,th为每列标题,tr为行,td为列,上图为每行三列总共三行三列。这里的algin属性可以设置对齐方式,属性rowapan为跨行合并表格,colspan为夸列合并表格。
结果展示:
练习工具:HBuilder
练习标签:ol,ul,li,table,a,
列表代码
代码分析:
ol 为有序列表 可使用type选择排序的样式,默认为123..。ul为无序列表,样式一般有圆点方点等,默认为圆点。li为列表每一项.
a标签为超链接标签,其常用属性href为跳转地址。target为跳转方式,有本页跳转和新页跳转。
结果展示
表格代码展示
代码分析:
table为表格标签,th为每列标题,tr为行,td为列,上图为每行三列总共三行三列。这里的algin属性可以设置对齐方式,属性rowapan为跨行合并表格,colspan为夸列合并表格。
结果展示:
相关文章推荐
- Html标签使用——文字、列表、表格、超链接
- Html标签使用——文字、列表、表格、超链接
- javaEE01-使用很HTML的排版标签编写“网站信息页面”,使用图片标签编写“图面显示页面”,使用列表标签编写“友情链接页面”,使用表格标签编写“首页”,框架标签表现“后台页面”
- html a标签-超链接中confirm方法使用介绍
- html a标签-超链接中confirm方法使用介绍
- html文档中列表标签使用方法和区别
- HTML--文本标签/marquee/bgsound/列表标签/超链接标签/img 图像标签/转义字符/表格标签/表单提交/框架标签
- JavaWeb - HTML,字体/列表/图形/超链接/表格/表单/其它(标签),CSS,CSS与HTML结合方式,CSS选择器,CSS扩展选择器
- web学习—html标签—超链接、表格
- HTML中fieldset标签概述及使用方法
- Android里string.xml使用html标签的方法
- html无序列表标签和有序列表标签使用示例
- html工作中表格tbody标签的使用技巧
- <a>标签-超链接中使用confirm方法
- HTML embed标签使用方法和属性详解
- Html_表格标签+超链接标签+框架标签
- 使用js清空html表格的简单方法
- HTML列表<dl>表格<table>超链接<a href>
- HTML中让图片滚动的<marquee>标签的使用方法
- <html:link>超链接标签的使用