HTML入门笔记1

90 阅读1分钟
  • HTML 是李爵士发明

  • HTML 起手

1591635940872-c0193de6-fab9-4a23-979e-985cc090755d.png

感叹号+Tab得到

章节标签

h1~h6:标题 section:章节 article:文章 main:主要内容 aside:旁支内容 p:段落 header:头部 footer:脚部 划分:div

©的写法: & copy;

全局属性:所有标签都有的属性

● class

● contenteditable 让用户可以直接编辑内容

● hidden:隐藏标签

● id

  • 加上id以后可以调css
  • 加上id以后可以用js 最好不要用id,这种写法对id的命名有要求,比如用parent, top, self等命名id就不行,因为window里有很多已经定义好的全局属性,不可以和这些属性同名。
  • 用class最佳

● style

  • 设置内联样式
  • 对于style的优先级: ■ JS > HTML的style标签 > CSS

● tabindex

  • 正数,如tabindex=1 / 2/ 3/,表示按顺序访问
  • 0, 表示最后访问
  • 负数, 表示不访问

● title: 用来显示完整内容 ○ 应用场景:文字超长变省略号

  • 若单行文字溢出: 调整css

white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

  • 当鼠标移动到省略的地方上时,可以浮动地显示完整内容,就可以在title="完整内容",即可

常用的内容标签

● pre 保留空格、回车键

● code 代码

● a 超链接

● hr 水平分隔线

● br 换行

● ol li 有序列表

● ul li 无序列表

● dl+dt要描述的对象 + dd 要描述的内容

● em 表示语气上的强调; strong 表示内容本身很重要

● quote 行内引用

● blockquote 换行的引用