html tab标签_《HTML入门笔记1》

5e212b645ae417dc962bc32e94cf7255.png

一、HTML 是谁发明的

HTML是Tim Berners-Lee“李爵士”发明的。他发明了万维网(WWW)包括HTML、HTTP、URL,万维网是基于互联网创建的。WWWC是万维网委员会。

131d0eb3860c18e942b0464cbbdeebe0.png

二、HTML 起手应该写什么

Emmet 感叹号。

e7fd3518d2b48bce5235330858b25bbd.png

三、常用的表章节的标签的介绍

body里面有很多种标签,章节标签是其中的一个,表现文章和书的层级、内容框架。

  • 标题h1~h6:h1是一级标题,h2二级标题······
  • 章节section:新开一个,你又可以写二级标题了
  • 文章article
  • 段落p:标题之后可以写一段话了
  • 顶部header:如打广告
  • 脚部footer:可以写©为版权标志
  • 主要内容main
  • 旁支内容aside:如参考资料
  • 划分div:像一个无形框框

四、全局属性的介绍

任何标签都可以有,可以在上文提到的标签里增加标签。

  • class:给标签分类,相当于给一个名字方便后面编辑
  • contenteditable:可编辑,给浏览的人可编辑
  • hidden:隐藏,我看得到当你看不到
  • id:用来表示全局唯一的标签,全局唯一性没有保障,就算有两个重复的 id,HTML 也不会提示我写错了,因此建议用class
  • style:编辑背景颜色,框架粗细等等
  • tabindex:可给用电脑Tab键选中的范围排顺序,tabindex 1/2/3,0表示最后,-1表示不选中
  • title:标题

五、常用的内容标签

  • ol+li(ordered list+list item):有顺序列表
  • ul+li(unordered list+list item):无顺序列表
  • dl+dt+dd(description list+term+data):描述列表
  • pre(preview):保留空格、回车、tab等,因为多个连续的空格自动变为一个空格
  • hr:分割线
  • br(break):换行
  • a(anchor):超链接
  • em(emphasis):斜体,表示语气上的强调
  • strong:加粗:表示内容本身的重要性
  • code:代码
  • q(quote):引用
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值