文档章节

前端的那些事之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
博文 84
码字总数 118568
作品 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
基于VUE自定义指令实现按钮级权限控制

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

lixinchao
05/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

自定义Ubuntu/Windows双系统引导菜单主题

学习Linux自然少不了要装双系统,其中Ubuntu便是我们用的最多的Linux系统。装完双系统后,Ubuntu会自动生成grub开机引导及菜单,及其丑陋,而且很多我们用不到的选项。今天我们就介绍burg:修...

Linux就该这么学
1分钟前
0
0
Go 并发(二)

Go Mutex 通过Mutex和信道处理竞态条件。 临界区 当程序并发运行时,多个协程不应该同时访问那些修改共享资源的代码,这些修改共享资源的代码称为临界区。 Go中通过Mutex可以避免同时访问临界...

春哥大魔王的博客
4分钟前
0
0
CentOS 7安装和部署Docker

Docker 要求 CentOS 系统的内核版本高于 3.10 ,查看本页面的前提条件来验证你的CentOS 版本是否支持 Docker 。通过 uname -r 命令查看你当前的内核版本 uname -r3.10.0-514.el7.x86_64 1、...

狼王黄师傅
7分钟前
0
0
php扩展可以通过pecl 或者phpize 安装

pecl 算是 php 扩展的一个官方聚合平台,一些比较有名,有特点的扩展会被 pecl 收录,收录后可以通过 pecl 的方式安装。但是更多的扩展是没有收录在 pecl 上的,这些扩展还是需要通过 phpize...

bengozhong
8分钟前
0
0
CentOS中如何安装7ZIP

执行以下命令下载安装: wget http://nchc.dl.sourceforge.net/project/p7zip/p7zip/9.20.1/p7zip_9.20.1_src_all.tar.bz2tar -jxvf p7zip_9.20.1_src_all.tar.bz2cd p7zip_9.20.1make......

凯文加内特
14分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部