文档章节

前端的那些事之html篇

上官清偌
 上官清偌
发布于 2016/12/07 19:15
字数 448
阅读 15
收藏 0

阿里云携手百名商业领袖、技术大咖,带您一探行进中的数字新基建!>>>

html中常用的标签

  • html,head,body,meta,title
  • h1-h6,p,i,b,img,a

列表,表格,框架,表单

  • 列表
    • ul/ol标签使用场景
      • 一个布局(容器)它是有规律的、横着的或者竖着排列的,通常(首选)都用列表标签
    • dl(dt\dd) dataList(dataTitle\dataData) 标签使用场景
      • 如果很多个排列的数据项有一个共同的标题,这个时候首选数据列表标签
  • 表格
    • table 大部分情况下面 列表标签 可以取代table标签
    • table(caption、thead、tbody) tr td(th)
    • border设置边框、width和height分别用来设置宽高
    • rowspan和colspan
  • 框架(ifrme)
    • iframe 本质是内嵌的一个浏览器(不显示上面的地址栏菜单等等)
    • 通过设置iframe的name名称,可以通过a标签target设置为目标
<iframe name="myframe" width="50%" height="500px" src="http://www.baidu.com"></iframe>
		<a href="https://www.tmall.com/?spm=a222r.8027618.0.0.l3PtrJ" target="myframe">跳到天猫</a>
		<a href="http://www.baidu.com" target="myframe">跳回百度</a>
  • 补充:上标和下标 - sup 上标 sub 下标
  • 表单
    • 作用是用来收集用户数据或者信息,最终提交给服务器,服务器对数据进行处理和存储
    • action属性就是用来设置收集完毕之后提交的地址
    • method属性设置数据提交方式(get|post)不要用Get方式提交
    • 表单元素一定要设置name属性
    • input【输入】:单标签

<form action="收集完毕数据提交的URL" method="post"> 姓名:<input name="name" type="text" value="张三"> 所在城市:<select name="city"> <option>1</option> <option>3</option> <option>3</option> </select> <input type="submit" value="提交"> </form> ``` - 常用的后台管理系统的三种刷新方式,第一种最好:会缓存图片 ![输入图片说明](https://static.oschina.net/uploads/img/201612/07195322_GOMQ.png "在这里输入图片标题")

© 著作权归作者所有

下一篇: 前端技术点
上官清偌
粉丝 11
博文 87
码字总数 123753
作品 0
浦东
程序员
私信 提问
加载中

评论(0)

2018 前端面试准备

前端面试常见问题按知识点分类整理 前端面试常考问题整理,按模块知识点分类,持续完善中... Front-end-Developer-Questions by Modules and knowledge 前端面试经典问题:CSS 中居中的几种方...

掘金官方
2017/12/14
0
0
AI 时代,爱学习的程序员都关注了这些…

这篇文章推荐了包括技术、设计、极客相关的热门公众号。

p5deyt322jacs
2018/01/07
0
0
史上最走心webpack4.0中级教程——配置之外你应该知道的事

《webpack4.0各个击破系列》适合不满足于只会配置但一时间又看不懂源码的中级读者。我没法保证这个系列是最好的,但至少能保证每一篇博文都跟那些和的博文有本质的区别,不信你读读看。 一....

osc_z2jt870t
2018/09/04
5
0
我写代码很厉害吗?那都是同行的衬托。

代码水平是一个有趣的事,衡量别人的水平很有趣,衡量自己的水平也很有趣。 现在虽然说[有趣],但回想起来,其实也是一把辛酸史。 2008年我刚毕业,那一年,是金融危机爆发的一年,也许也是年...

kiba518
2018/08/18
0
0
SegmentFault 2017 年社区周报 Vol.1

Hello,各位 SegmentFault 的 GG 和 MM,SegmentFault 新人 Jenny 来报道啦!本喵资料:性别女,爱好你猜,皂片请点击头像~ 新人一周见闻:分享了技术头条,学习了技术问题,放行了一丢丢内容...

Jenny
2017/04/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何找出Windows上正在侦听端口的进程? - How can you find out which process is listening on a port on Windows?

问题: 如何找出Windows上正在侦听端口的进程? 解决方案: 参考一: https://stackoom.com/question/CXO/如何找出Windows上正在侦听端口的进程 参考二: https://oldbug.net/q/CXO/How-can...

技术盛宴
30分钟前
10
0
OSChina 周三乱弹 —— 一家动物都快饿成标本了~

@黑觉非常君 :前天晚上9点开始睡觉,睡到昨天上午8点起床,昨天下午2点又睡,睡到下午7点多,晚上10点又困了,又睡,睡到今天上午8点,中途没醒过,怎么这么能睡,是不是快挂了。 能睡不是好...

小小编辑
今天
15
0
神剧推荐全剧最污片段精剪

神剧推荐,全剧最污片段精剪 豆瓣评分最高,脑洞最大,脑回路最曲折,恶搞无数经典,没有一条差评的神剧 整个系列完整版 到这里观看

a57571735
今天
22
0
pingan.

职位诱惑:金融,技术研发,技术攻关,大舞台大作为职位描述:职位诱惑:立志打造一支国内一流实盘量化交易框架开发团队职位描述:职位描述:负责实盘低时延量化交易框架及附属行...

MtrS
今天
15
0
SpaceX龙飞船上的宇航员进入国际空间站

  腾讯科技讯(乔辉)北京时间 6 月 1 日凌晨 1 点 23 分左右,搭乘 SpaceX 龙飞船的两位美国宇航员先后进入国际空间站,与等待在那里的宇航员会面。   两个多小时前,北京时间 5 月 31...

计算无敌
今天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部