HTML入门笔记1

360 阅读1分钟

< !DOCTYPE html >

告诉浏览器用html文本类型解析

HTML排错

  1. 在线http://validator.w3.org/#validate_by_input

  2. 使用node W3C validator npm

    安装:yarn global add node-w3c-validator

    使用方法: 打开终端输入,node-w3c-validator -i index.html(文件路径)

HTML起手式

版权声明 ©

全局属性

class 用法: .class

contenteditable 作用:使任何一个元素可以被编辑 可以和<style>搭配使用

hidden 作用:隐藏元素

id 用法:#id id.style.border="" 能不用id就不用id

style 用法: style="border:10px solid green;"

tabindex 作用:控制Tap顺序 用法:tabbinddex=1

​ 特殊值:0 最后访问;-1 不访问

title 作用:hidden省略号后 鼠标放上去后显示title上的内容

内容标签

ol+li 有序列表 ol的下一级 只能是<li>标签

ul+li 无序列表

dl+dt+dd 描述列表 打法:dl+然后Tab

pre 保留文本中的回车 空格等

code 使字体等宽,一般输入代码的时候使用

hr 加分割线

br 换行

a 超链接

em 强调 默认样式斜体

strong 强调

quote 行内引用强调

blockquote 快引用强调