HTML 介绍

84次阅读

共计 1589 个字符,预计需要花费 4 分钟才能阅读完成。

说到 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 播放器;

正文完
 0