青岛达内it培训 > 达内新闻
HTML 简介
- 发布:青岛IT培训
- 来源:青岛IT培训
- 时间:2019-04-15 17:51
青岛IT培训的小编总结,如果是单纯编写html,又不想麻烦安装其他插件的话,个人推荐dreamweaver,多文件批量替换绝对神器!
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播放器;
以上就是青岛IT培训给大家做的内容详解,更多关于UI的学习,请继续关注青岛IT培训
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
HTML 简介
- 发布:青岛IT培训
- 来源:青岛IT培训
- 时间:2019-04-15 17:51
青岛IT培训的小编总结,如果是单纯编写html,又不想麻烦安装其他插件的话,个人推荐dreamweaver,多文件批量替换绝对神器!
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播放器;
以上就是青岛IT培训给大家做的内容详解,更多关于UI的学习,请继续关注青岛IT培训
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 厦门
- 哈尔滨
- 济南
- 福州
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 大连
- 长沙
- 昆明
- 温州
- 太原
- 南昌
- 无锡
- 石家庄
- 南宁
- 中山
- 兰州
- 佛山
- 珠海
- 宁波
- 贵阳
- 保定
- 呼和浩特
- 东莞
- 洛阳
- 潍坊
- 烟台
- 运城