说到HTML,我个人编写HTML使用的软件是dreamweaver,为什么用这个软件嘛,反正就是从开始学HTML就是用的这个软件了,挺好用且代码提示特别方便~
1.什么是HTML?
- HTML 是用来描述网页的一种语言,指的是超文本标记语言: HyperText Markup Language;
- HTML 不是一种编程语言,而是一种标记语言;
- HTML文档也叫做 web 页面;
2.HTML基本结构
-
<!DOCTYPE html>
:文档声明; -
<html>
:HTML 页面的根元素; -
<head>
:用于定义文档的头部,是所有头部元素的容器; -
<meta>
:提供有关页面的元信息,位于文档的头部,不包含任何内容; -
<title>
:文档的标题; -
<body>
:定义文档的主体,包含文档的所有内容;
3.HTML标签使用?
- HTML 标签是由尖括号包围的关键词,且通常是成对出现的如
<a></a>
,当然也有单个的,只不过比较少如<hr>
; - 标签对中的第一个标签表示开始标签,第二个标签表示结束标签;
4.HTML常用标签介绍
除了HTML基本结构的几个标签以外,HTML还有一些比较常用的基本标签;
(1)文本标签:
-
h1-h6
:用于定义标题,h1为最大标题,h6为最小标题; -
p
:定义段落; -
span
:组合文档中的行内元素; -
br
:换行; -
hr
:水平线; -
strong/b
:加粗文字; -
em/i
:斜体; -
u
:下划线; - `s:删除线;
-
pre
:定义预格式化的文本,保持原有格式; -
sub
:下标; -
sup
:上标; -
blockquote
:块引用;
(2)布局标签:
-
div
:定义文档中的分区或节,把文档分割为独立的、不同的部分; -
header
:定义页面的头部; -
aside
:用作文章的侧栏; -
section
:定义文档中的节; -
footer
:定义文档或节的页脚,通常包含文档的作者、版权信息、使用条款链接、联系信息等; -
article
:规定文章独立的其他内容,如标题、内容、评论;
(3)多媒体标签:
-
img
:用于在网页中插入图像; -
audio
:定义声音,比如音乐或其他音频流; -
video
:定义视频,比如电影片段或其他视频流;
(4)超链接标签:
-
a
:定义超链接,指定页面间的跳转;
(5)序列化标签:
-
ul
:定义无序列表; -
ol
:定义有序列表; -
li
:定义列表项目,可用在无序列表ul和有序列表ol中; -
dl
:定义了定义列表; -
dt
:定义了定义列表中的项目(即术语部分); -
dd
:在定义列表中定义条目的定义部分;
(6)表格标签:
-
table
:定义 HTML 表格; -
tr
:定义表格的行; -
td
:定义表格的单元; -
th
:定义表头; -
caption
:定义表格标题; -
col
:为表格中一个或多个列定义属性值; -
colgroup
:用于对表格中的列进行组合,以便对其进行格式化; -
thead
:定义表格的表头; -
tbody
:表格主体,也就是正文部分; -
tfoot
:定义表格的页脚(脚注或表注);
(7)表单标签:
-
form
:用于为用户输入创建 HTML 表单; -
input
:用于搜集用户信息; -
button
:定义一个按钮; -
select
:创建单选或多选菜单; -
option
:定义下拉列表中的一个选项; -
textarea
:定义多行的文本输入控件; -
label
:为 input 元素定义标注(标记); -
fieldset
:用于将表单内的相关元素分组; -
legend
:为 fieldset 元素定义标题;
5.HTML注意事项
- HTML文件当以后缀名为 .html 或 .htm 来命名;
- HTML标签和属性是不区分大小写的,建议HTML标签和属性都小写,属性值必须用双引号包围;
- HTML标签都是以开始标签起始,以结束标签终止;
- HTML标签之间尽量缩进与换行,每行代码不要过长,方便阅读和维护;
- HTML标签使用必须符合标签嵌套规则,如禁止a标签嵌套a标签,p标签嵌套div标签等;
- 建议不使用HTML已经废弃的或者不赞成使用的标签,少使用table布局、iframe框架嵌套以及flash播放器;
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。