文档章节

前端的那些事之html篇

上官清偌
 上官清偌
发布于 2016/12/07 19:15
字数 448
阅读 6
收藏 0
点赞 0
评论 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
博文 84
码字总数 117370
作品 0
浦东
程序员
2018 前端面试准备

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

掘金官方 ⋅ 2017/12/14 ⋅ 0

杂谈——web的日积月累

作为一个web前端开发工程师需要掌握很多东西,诸如:HTML,PhotoShop,CSS,Javascript,UCD,SEO,Flash,关注各大浏览器的发展,各种前端技术的优化,良好的沟通理念等等,太多太多的东西。...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

AI 时代,爱学习的程序员都关注了这些…

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

p5deyt322jacs ⋅ 01/07 ⋅ 0

基于VUE自定义指令实现按钮级权限控制

前言:关于权限的那些事!!! 路由权限可参看这位大神写的,很全面==>手摸手,带你用vue撸后台 系列二(登录权限篇) 思路: 登录:当用户填写完账号和密码后向服务端验证是否正确,验证通过之...

lixinchao ⋅ 05/23 ⋅ 0

一点点关于前端开发和网页设计的感悟

刚才回复了一个帖子,楼主想转到前端来,我就问了倆问题,第一,你是要学前端设计还是要学前端开发?亦或是二者兼备(难)?第二个问题,你学了是要做网站开发还是要做APP? 我在下面做了解释...

铂金小猪 ⋅ 2013/01/19 ⋅ 8

SegmentFault 2017 年社区周报 Vol.1

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

Jenny ⋅ 2017/04/21 ⋅ 0

个人分享--web前端学习资源分享

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

⋅ 2017/12/25 ⋅ 0

值得关注的 13 个技术类微信公众号

分享一下 13 个不错的技术类微信公众号。其中有最受欢迎的热门公众号、也有专注某个技术的公众号,涵盖 Java、Python、Android、iOS、Web前端、PHP、C/C++、.NET、Linux和数据库等技术和开发...

可爱的程序媛 ⋅ 2015/03/12 ⋅ 17

吐槽现在的js模版引擎

真的是想吐,这不能说明什么,应该说他们足够聪明也足够愚蠢。 首先说js模版引擎的写法,极为不尊重源代码,居然把源代码里的换行符等字符给替换成空。前端就该任性吗? //把所有换行去掉 r回...

快速开发师 ⋅ 2015/03/15 ⋅ 6

前端开发-从入门到Offer

解决你的前端面试 有时候前端的技术性面试还是很麻烦的,毕竟知识点那么多,框架迭代那么快。你不仅仅要对计算机科学基础有一个坚实的底子,还需要理解啥 Web 性能、构建系统以及 CSS 引擎等...

掘金官方 ⋅ 2017/12/28 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Spring发展历程总结

转自与 https://www.cnblogs.com/RunForLove/p/4641672.html 目前很多公司的架构,从Struts2迁移到了SpringMVC。你有想过为什么不使用Servlet+JSP来构建Java web项目,而是采用SpringMVC呢?...

onedotdot ⋅ 20分钟前 ⋅ 0

Python模块/包/库安装(6种方法)

Python模块/包/库安装(6种方法) 冰颖机器人 2016-11-29 21:33:26 一、方法1: 单文件模块 直接把文件拷贝到 $python_dir/Lib 二、方法2: 多文件模块,带setup.py 下载模块包(压缩文件zip...

cswangyx ⋅ 40分钟前 ⋅ 0

零基础学习大数据人工智能,学习路线篇!系统规划大数据之路?

大数据处理技术怎么学习呢?首先我们要学习Python语言和Linux操作系统,这两个是学习大数据的基础,学习的顺序不分前后。 Python:Python 的排名从去年开始就借助人工智能持续上升,现在它已经...

董黎明 ⋅ 48分钟前 ⋅ 0

openJdk和sun jdk的区别

使用过LINUX的人都应该知道,在大多数LINUX发行版本里,内置或者通过软件源安装JDK的话,都是安装的OpenJDK, 那么到底什么是OpenJDK,它与SUN JDK有什么关系和区别呢? 历史上的原因是,Ope...

jason_kiss ⋅ 57分钟前 ⋅ 0

梳理

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 它是JS的状态容器,是一种解决问题的方式,所以即可以用于 react 也可以用于 vue。 需要理解其思想及实现方式。 应用中所有的 stat...

分秒 ⋅ 今天 ⋅ 0

Java 后台判断是否为ajax请求

/** * 是否是Ajax请求 * @param request * @return */public static boolean isAjax(ServletRequest request){return "XMLHttpRequest".equalsIgnoreCase(((HttpServletReques......

JavaSon712 ⋅ 今天 ⋅ 0

Redis 单线程 为何却需要事务处理并发问题

Redis是单线程处理,也就是命令会顺序执行。那么为什么会存在并发问题呢? 个人理解是,虽然redis是单线程,但是可以同时有多个客户端访问,每个客户端会有 一个线程。客户端访问之间存在竞争...

码代码的小司机 ⋅ 今天 ⋅ 0

到底会改名吗?微软GVFS 改名之争

微软去年透露了 Git Virtual File System(GVFS)项目,GVFS 是 Git 版本控制系统的一个开源插件,允许 Git 处理 TB 规模的代码库,比如 270 GB 的 Windows 代码库。该项目公布之初就引发了争...

linux-tao ⋅ 今天 ⋅ 0

笔试题之Java基础部分【简】【二】

1.静态变量和实例变量的区别 在语法定义上的区别:静态变量前要加static关键字,而实例变量前则不加。在程序运行时的区别:实例变量属于某个对象的属性,必须创建了实例对象,其中的实例变...

anlve ⋅ 今天 ⋅ 0

Lombok简单介绍及使用

官网 通过简单注解来精简代码达到消除冗长代码的目的 优点 提高编程效率 使代码更简洁 消除冗长代码 避免修改字段名字时忘记修改方法名 4.idea中安装lombnok pom.xml引入 <dependency> <grou...

to_ln ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部