HTML知识梳理


1.CSS区分元素

a.块级元素

元素 描述
div 分区或节
dd 定义条目
dl 列表
dt 列表中的项目
form 表单
h1-h6 标题
p 段落
li 列表项目
ol 有序列表
ul 无序列表
table 定义表格
tbody 表格主体
td 标准单元格
th 表头单元格
tr 表格中的行
caption 表格标题

b.内联元素

元素 描述
b 加粗
a 锚点
br 换行
img 图片
i 斜体
label 标签
input 输入
select 选择框
span 组合文档中的行内元素
strong 加粗
textarea 输入域

2.HTML区分元素

a.容器元素

元素 描述
div 分区或节
h1-h6 标题
ul 无序列表
ol 有序列表
dl 列表
dt 列表中的项目
dd 定义条目
li 列表项目

b.文本元素

元素 描述
b 加粗
strong 加粗
i 斜体
span 组合文档中的行内元素
a 锚点
p 段落

3.其他区分

a.表单元素<form>

元素 常用属性
input type(常用值text、password、submit、radio、checkbox、button、number、date)、namevalue
select name
option valueselected
textarea name
button typeonclick

b.表格<table>

元素 描述
table 定义表格
tbody 定义表格的主体
thead 定义表格的页眉
tr 定义表格的行
td 定义表格单元
th 定义表格的表头

c.列表标签

元素 描述
ol 有序列表
ul 无序列表
li 列表项
dl 定义列表
dt 列表中的项目
dd 描述列表中的项目

4.常用属性

a.全局属性

属性 作用
class 规定元素的一个或多个类名
hidden 隐藏
id 规定元素的唯一 id
lang 规定元素内容的语言
style 规定元素的行内 CSS 样式
title 规定有关元素的额外信息

b.块级元素和内联元素切换display

作用
none 此元素不会被显示
block 此元素将显示为块级元素,此元素前后会带有换行符
inline 默认。此元素会被显示为内联元素,元素前后没有换行符
inline-block 行内块元素

c.连接<a>四种状态

状态 描述
:link 普通的、未被访问的链接
:visited 用户已访问的链接
:hover 鼠标指针位于链接的上方
:active 链接被点击的时刻

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 12,339评论 1 91
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 24,310评论 1 45
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 1,798评论 0 0
  • 专业考题类型管理运行工作负责人一般作业考题内容选项A选项B选项C选项D选项E选项F正确答案 变电单选GYSZ本规程...
    小白兔去钓鱼阅读 7,907评论 0 13
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 403评论 0 0
  • 摩尔定律是由英特尔(Intel)创始人之一戈登·摩尔(GordonMoore)提出来的。其内容为:当价格不变时,集...
    davidwang_0441阅读 162评论 0 0