必用元素
html
- 是网页的最外层元素,包含着一张网页全部的内容。
body
- 网页中所有的可视内容都应该包含在
body
元素中。
- 网页中所有的可视内容都应该包含在
head
- 用于包含一张网页中抽象的基础信息(元信息),如标题,描述等等。
- 其中的信息通常是给机器看的。
title
- 用于指定浏览器标签上显示的标题,用于概括整张网页。
div
- 可用于网页中的区域划分,通常作为容器而存在。
header
- 重要头部内容,高度为0.通常作为容器而存在。
footer
- 可用于网页中底部版权,高度为0,通常作为容器而存在。
a
- 用于定义链接。
button
- 用于定义按钮。
link
- 用于引入外部资源如CSS。例如:<link href="css/hello.css">
script
- 用于引入脚本(一般为JS)。例如:<script scr="js/hello.js"></script>
h1
,h2
,h3
,h3
,h4
,h5
,h6
- 标题标签,用于概括页面中的部分的内容,其中
h1
最大,h2
其次,依次类推,没有h7
。
- 标题标签,用于概括页面中的部分的内容,其中
span
- 与
div
元素类似,只不过div
用于插入整段(块)而span
用于插入一个词,在表现上和普通文字没有区别。
- 与
input
- 用于输入数据。
<input type="text">
文字输入,默认值。<input type="radio">
单选,但是选项少的情况下使用。如性别(只有两个选项)。<input type="checkbox">
多选,但是选项少的情况下使用。如性取向。<input type="button" value="点我">
按钮,不推荐,正常情况下button
元素完全可以取代他。button元素可以包含子元素,input不可以,所以灵活度比较差。
select
- 下拉菜单,多选单选均可。
常用
img
- 用于显示图片。src属性值为地址,可以是源于网络,可以是本地地址,通常图片放在一个images文件中。alt属性是用来说明图片的详情,防止图片不能正常显示的情况下,用户还可以看到文字说明。
p
- 用于给文字划分段落,一个
p
就是以自然段。
- 用于给文字划分段落,一个
table
,thead
,tbody
,tr
,th
,td
- 用于插入表格。
table
- 表格的最外层容器。
thead
- 表头。
tbody
- 表身。
tr
- 行。
td
- 单元格。
th
- 页头中的单元格。本身带有加粗,居中的属性
偶尔使用
code
,pre
- 都是用于定义代码,
pre
用于定义长代码(代码块),code
用于定义短代码(如变量,函数名等)。code是紧跟其后,pre是另起一行。
- 都是用于定义代码,
abbr
- 用于定义缩写(abbreviation)。例如:<abbr title="World Wide Web Consortium">W3C</abbr>