文档章节

前端的那些事之html篇

上官清偌
 上官清偌
发布于 2016/12/07 19:15
字数 448
阅读 7
收藏 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
码字总数 123671
作品 0
浦东
程序员
私信 提问
2018 前端面试准备

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

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

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

p5deyt322jacs
01/07
0
0
个人分享--web前端学习资源分享

1.前言 时间过得真快,转眼间现在是2017年最后一个星期,而今天也是圣诞节,过几天也是元旦了。每到年底,大家都习惯总结和分享,我也不例外。但是经历,我之前已经发过了,那么我今天就分享...

2017/12/25
0
0
SegmentFault 2017 年社区周报 Vol.1

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

Jenny
2017/04/21
0
0
那些最好的轮子 - PHP篇

在关于不要重复造轮子的二三事一文中,交代了一些背景和想法。本篇则完全是一些干货,列举一些我用过或者即将会用的PHP轮子,基本都符合我对好轮子的定义:开源、许可证宽松、容易集成的PHP...

kisshua
2016/07/29
39
0

没有更多内容

加载失败,请刷新页面

加载更多

[LintCode] Binary Tree Level Order Traversal(二叉树的层次遍历)

描述 给出一棵二叉树,返回其节点值的层次遍历(逐层从左往右访问) 样例 给一棵二叉树 {3,9,20,#,#,15,7} : 3 / \9 20 / \ 15 7 返回他的分层遍历结果: [ [3], [...

honeymose
9分钟前
0
0
Spring Cloud Config 规范

Spring Cloud Config 规范 首先Spring Cloud 是基于 Spring 来扩展的,Spring 本身就提供当创建一个Bean时可从Environment 中将一些属性值通过@Value的形式注入到业务代码中的能力。那Sprin...

阿里云官方博客
19分钟前
0
0
renderer

renderer Function 单元格绘制处理函数,同drawcell事件。

architect刘源源
30分钟前
4
0
jdk1.8 lambda表达式过滤重复的对象

//操作类public class BizAgentAudit {    private String supplierOrgId;    private int age;    private String name;        public BizAgentAudit() { ...

INSISTQIAO
31分钟前
3
0
DataUtil的日期处理

SimpleDateFormat 是线程不安全的类,一般不要定义为 static 变量,如果定义为static,必须加锁,或者使用 DateUtils 工具类。 解决方法 1、将SimpleDateFormat定义成局部变量。 缺点:每调用...

DoLo-lty
35分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部