文档介绍:Web前台技术
——HTML
1
课程大纲
HTML 简介
HTML 元素
HTML 标签
HTML 属性
HTML 格式化
HTML 实体
HTML 链接
HTML 框架
HTML 表格
HTML 列表
HTML 表单
HTML 图像
HTML 头部和元信息
2
HTML 简介
什么是 HTML 文件?
HTML 指超文本标签语言。
HTML 文件是包含一些标签的文本文件。
这些标签告诉 WEB 浏览器如何显示页面。
HTML 文件必须使用 html 或者 htm 作为文件
扩展名。
HTML 文件可以通过简单的文本编辑器来创建。
3
HTML 简介
第一个HTML文件
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first HTML page.
<br />
<b>This text is bold.</b></body>
</html>
4
HTML 简介
建议
使用小写标签
使用HTML作为扩展名
5
HTML 元素
HTML 文档是由 HTML 元素构成的文本文
件。
HTML 元素是通过使用 HTML 标签进行定
义的。
6
HTML 元素
HTML 标签
HTML 标签是用来标记 HTML 元素的。
HTML 标签被< 和> 符号包围。
HTML 标签是成对出现的。例如<b> 和</b>。
位于起始标签和终止标签之间的文本是元素的内
容。
HTML 标签对大小写不敏感,<b> 和<B> 的作用
的相同的。
这就是一个HMTL元素
<b>此文本是粗体的。</b>
7
基本的 HTML 标签
标题
标题使用<h1> 至<h6> 标签进行定义。<h1>
定义最大的标题。<h6> 定义最小的标题。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
8
基本的 HTML 标签
9
基本的 HTML 标签
段落
段落使用<p> 标签进行定义。
HTML 会自动在段落前后添加一个额外的空行。
不要忘记关闭标签
<p>This is a paragraph</p>
<p>This is another paragraph</p>
10