前端学习开端:初识HTML

80 阅读1分钟

HTML的诞生

  • 1990年左右,Tim berners Lee 开发了万维网,初衷是为了让用户输入网址就能浏览网页,获取信息
  • 万维网(即www),简单的理解由HTML,HTTP和URL组成

HTML的起手式

快捷键 !+tab 微信图片_20210909210529.png

常用的章节标签

  • 标题 h1~h6
  • 章节 section
  • 文章 article
  • 段落 p
  • 头部 header
  • 底部 footer
  • 划分 div

全局属性

  • class
    定义类名,用于快速定位特性元素,进行css、js等样式编辑
  • contenteditble
    内容可编辑
  • id
    定位元素,不到万不得已不要用,不可以与windows自带的属性名相同。
    一般用class
  • tabindex
    tab键跳转访问的顺序
    取值不要求连续
    取值为0 最后一个跳转
    取值为-1永不访问
  • title
    显示完整内容
  • hidden
    不显示,注意与display:hidden;区分
  • style
    设置内联样式
    优先级:js>style>css

常用内容标签

  • ol+li
    有序列表
  • ul+li
    无序列表
  • dl+dt+dd
    描述
  • pre
    用于保留多个空格、回车等效果(系统默认1个空格)
  • hr
    分隔线
  • em
    语气上的强调
  • strong
    本身很重要
  • quote
    行内引用
    blockquote 块引用