HTML入门

305 阅读2分钟

HTML标签

常用标签

标题标签h1-h6

article 文章,一般用来引用一篇博客或者文章等

section 章节标签

p 段落标签

header 头部标签,可以用来丢广告啊 主要导航之类的

footer 尾部标签,可以用来写版权声明(&copy版权使用的html标签),页面的最底部的东西等

main 主要内容标签

aside 旁支内容,一般跟页面内容无关,可以放侧边栏啊 侧边导航之类的

div 划分用的盒子

nav 导航栏

全局属性

全局属性指的是所有标签都可以使用的属性

1、class 类选择器

2、id id选择器 当与a标签时,可以用来当成锚点,需要在id值前加“#”,id的值必须全局唯一。

3、contenteditable 添加这个属性可以修改标签的内容

4、style 内联样式 跟css的那个style差不多,但是js一般修改的是这个

5、tabindex 这个标签后面可以添数字,按下table键会默认选中。一般是正数代表顺序、负数代表永远不被table选中、0代表最后一个被选中。

一般都全写0让浏览器自动遍历。如果没有写tabindex,那么只有默认会被遍历的标签(input-text、a标签)会被遍历。

6、title 写在标签内的title,当鼠标放上去的时候,可以显示title里面的内容,一般用来a标签、图片提示、或者提示所有内容等

7、required 写在input标签内表示必需在提交之前填写输入字段,如果使用该属性,则字段是必填(或必选)的。

8、data-自定义属性

cssreset

因为默认的css样式很难看,所以需要reset一下css样式。起码把难看的地方改掉把~附上一个github地址,我的resetcss

说明一下 inherit 这个关键字大家可能很陌生,介绍一下这个是用来继承的,就跟它的名字一样,用来继承父元素的属性。

还有就是收录了一些css的一些样式,例如table的collapse和spacing,collapse是合并表格的边框,spacing是控制想邻单元格边框之间的距离。

内容标签

ol li 有序列表

ul li 无序列表

dl+dt+dd 自定义列表 一般用于名词解释

pre preview的意思,格式化标签,格式化后可以随意书写

hr 水平线

br 换行

a 链接标签 可以用base来设置全局a标签的target_blank属性

em 语气强调的意思,一般会斜体展示文本

strong 会加粗展示文本 也是强调,强调的是文本

code 展示一串代码,如果不能换行,可以用pre包起来用

q 引用

blockquote 引用的时候用,可以换行