Html入门PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<标签名 属性名1="属性值" 属性名2="属性值" ></标签名> 属性值应该始终被包括在引号内。 双引号是最常用的，不过使用单引号也没有问题。 • 一个标签可以有多个属性，空格分开。 • 属性总是在 HTML 元素的开始标签中规定。 • 属性和属性值对大小写不敏感。建议用小写。
HTML 属性示例
HTML 元素语法
• HTML 元素以开始标签起始 • HTML 元素以结束标签终止 • 空的 HTML 元素
没有内容的 HTML 内容被称为空元素。空元素是在开始标签中关闭的。 <br /> 就是没有关闭标签的空元素（<br /> 标签定义换行）。 • 元素的内容是开始标签与结束标签之间的内容 • 大多数 HTML 元素可拥有属性
注释是不会显示在网页上的！
示例 <!—这里定义一个链接--> <a href=“”>百度</a> <!—定义一个链接完了-->
HTML注释
head
<head>元素出现在文档的开头部分。 <head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 • <title>元素
<a href=“” title=“链接百度首页" target="_blank">链到百度</a>
代码解读：
（1）这是一个典型的A链接元素。 （2）以<a>标签开始 </a>标签结束 定义了一个A链接元素。 （3）这个A链接元素有三个属性href title target，写在开始标签里<a>，而不是写是结束
<html> 元素定义了整个 HTML 文档。 这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。 元素内容是另一个 HTML 元素（body 元素）。 例2: <div>
<div></div> </div> 层套层
HTML 属性
• HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 • 语法：
HTML入门
什么是 HTML
•HTML 是用来描述网页的一种语言。 •HTML 指的是超文本标记语言
(Hyper Text Markup Language) •HTML 不是一种编程语言，而是一种标记语言
(markup language) •标记语言是一套标记标签 (markup tag) •HTML 使用标记标签来描述网页
标签</a>里。 （4）href属性定义了链接的地址。如本例的 （5）title属性定义了鼠标悬停时显示的文字。 （6）target属性定义了打开链接时的浏览器的窗口。target常用的两个属性值：
_blank 新窗口打开 _self 当前窗口打开
HTML注释语法 <!--注释的内容--> Html代码 <!--链接结束-->
（4）用来标记文档的作者。 <meta name=“author” content=“翁锋铭">
body
例如： <a href=“”>百度</a> A 标签 href属性指定链接地址
பைடு நூலகம்
HTML 元素的嵌套
• HTML 文档由嵌套的 HTML 元素构成。 • 大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。
例1： <html> <body> <p>This is my first paragraph.</p> </body> </html>
文本是头信息开始
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页标题</title>
文档标题
</head>
文本是头信息结束 ，不显示
<body>
正文开始
这里是网页内容
</body> </html>
HTML文档、网页、网站
• HTML 文档描述网页 • HTML 文档包含 HTML 标签和纯文本 • HTML 文档也被称为网页 • 多个网页通过相互链接形成一个网站。 • HTML文档后缀扩展名：.html .htm
编辑html文档
• 文本编辑器（如记事本）、可视化编辑工具（如： Dreamweaver 和FrontPage）
<title>元素定义HTML文档的标题。<title>与</title>之间的内容将显示在浏览器窗口的标题栏。
• <meta>元素 <meta>元素下面可以插入很多很有用的元素属性。下面介绍常用的四种：
（1）用来告诉搜索引擎你网页的关键字是什么。 <meta name=“keywords” content=“关键词1,关键词2,关键词3”/>
（2）用来告诉搜索引擎你的网站主要内容。 <meta name=“description” content=“这篇文章主要内容是….” />
（3）用来标记你的页面的编码方式。 <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>
正文结束 HTML文档的终止
Html文档结构
Html元素
HTML 元素指的是从开始标签（start tag）到结束标 签（end tag）的所有代码。
例如： <html> <body> <p>这是我的第一个网页</p> </body> </html>
上面的例子包含三个 HTML 元素。 Html body p 上面的例子包含六个 HTML 标签。
HTML 标签
• HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 • HTML 标签是由尖括号包围的关键词，比如 <html> • HTML 标签通常是成对出现的。 • 开始和结束标签也被称为开放标签和闭合标签 • 对大小写不敏感，但推荐使用小写标签。
<P></P> 和<p></p> 是一样的。
• 网页三剑客（一套强大的网页编辑工具) Dreamweaver >> html编辑工具 Flash >> 动画制作工具 Fireworks >> 矢量图制作工具
• 编写html代码保存为.html 或 .htm 扩展名文件。或由服务 器端程序生成。
典型网页文档代码
<html>
HTML文档的开始
<head>
HTML 属性示例
HTML 元素语法
• HTML 元素以开始标签起始 • HTML 元素以结束标签终止 • 空的 HTML 元素
没有内容的 HTML 内容被称为空元素。空元素是在开始标签中关闭的。 <br /> 就是没有关闭标签的空元素（<br /> 标签定义换行）。 • 元素的内容是开始标签与结束标签之间的内容 • 大多数 HTML 元素可拥有属性
注释是不会显示在网页上的！
示例 <!—这里定义一个链接--> <a href=“”>百度</a> <!—定义一个链接完了-->
HTML注释
head
<head>元素出现在文档的开头部分。 <head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 • <title>元素
<a href=“” title=“链接百度首页" target="_blank">链到百度</a>
代码解读：
（1）这是一个典型的A链接元素。 （2）以<a>标签开始 </a>标签结束 定义了一个A链接元素。 （3）这个A链接元素有三个属性href title target，写在开始标签里<a>，而不是写是结束
<html> 元素定义了整个 HTML 文档。 这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。 元素内容是另一个 HTML 元素（body 元素）。 例2: <div>
<div></div> </div> 层套层
HTML 属性
• HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 • 语法：
HTML入门
什么是 HTML
•HTML 是用来描述网页的一种语言。 •HTML 指的是超文本标记语言
(Hyper Text Markup Language) •HTML 不是一种编程语言，而是一种标记语言
(markup language) •标记语言是一套标记标签 (markup tag) •HTML 使用标记标签来描述网页
标签</a>里。 （4）href属性定义了链接的地址。如本例的 （5）title属性定义了鼠标悬停时显示的文字。 （6）target属性定义了打开链接时的浏览器的窗口。target常用的两个属性值：
_blank 新窗口打开 _self 当前窗口打开
HTML注释语法 <!--注释的内容--> Html代码 <!--链接结束-->
（4）用来标记文档的作者。 <meta name=“author” content=“翁锋铭">
body
例如： <a href=“”>百度</a> A 标签 href属性指定链接地址
பைடு நூலகம்
HTML 元素的嵌套
• HTML 文档由嵌套的 HTML 元素构成。 • 大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。
例1： <html> <body> <p>This is my first paragraph.</p> </body> </html>
文本是头信息开始
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页标题</title>
文档标题
</head>
文本是头信息结束 ，不显示
<body>
正文开始
这里是网页内容
</body> </html>
HTML文档、网页、网站
• HTML 文档描述网页 • HTML 文档包含 HTML 标签和纯文本 • HTML 文档也被称为网页 • 多个网页通过相互链接形成一个网站。 • HTML文档后缀扩展名：.html .htm
编辑html文档
• 文本编辑器（如记事本）、可视化编辑工具（如： Dreamweaver 和FrontPage）
<title>元素定义HTML文档的标题。<title>与</title>之间的内容将显示在浏览器窗口的标题栏。
• <meta>元素 <meta>元素下面可以插入很多很有用的元素属性。下面介绍常用的四种：
（1）用来告诉搜索引擎你网页的关键字是什么。 <meta name=“keywords” content=“关键词1,关键词2,关键词3”/>
（2）用来告诉搜索引擎你的网站主要内容。 <meta name=“description” content=“这篇文章主要内容是….” />
（3）用来标记你的页面的编码方式。 <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>
正文结束 HTML文档的终止
Html文档结构
Html元素
HTML 元素指的是从开始标签（start tag）到结束标 签（end tag）的所有代码。
例如： <html> <body> <p>这是我的第一个网页</p> </body> </html>
上面的例子包含三个 HTML 元素。 Html body p 上面的例子包含六个 HTML 标签。
HTML 标签
• HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 • HTML 标签是由尖括号包围的关键词，比如 <html> • HTML 标签通常是成对出现的。 • 开始和结束标签也被称为开放标签和闭合标签 • 对大小写不敏感，但推荐使用小写标签。
<P></P> 和<p></p> 是一样的。
• 网页三剑客（一套强大的网页编辑工具) Dreamweaver >> html编辑工具 Flash >> 动画制作工具 Fireworks >> 矢量图制作工具
• 编写html代码保存为.html 或 .htm 扩展名文件。或由服务 器端程序生成。
典型网页文档代码
<html>
HTML文档的开始
<head>