前端的那些事之html篇
前端的那些事之html篇
上官清偌 发表于11个月前
前端的那些事之html篇
  • 发表于 11个月前
  • 阅读 5
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: 前端的那些事之html篇

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【输入】:单标签
姓名: 所在城市:
``` - 常用的后台管理系统的三种刷新方式,第一种最好:会缓存图片 ![输入图片说明](https://static.oschina.net/uploads/img/201612/07195322_GOMQ.png "在这里输入图片标题")
标签: 前端那些事
共有 人打赏支持
粉丝 9
博文 78
码字总数 83411
×
上官清偌
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: