HTML基础介绍.ppt

HTML基础介绍.ppt

ID:48737428

大小:325.50 KB

页数:28页

时间:2020-01-20

HTML基础介绍.ppt_第1页
HTML基础介绍.ppt_第2页
HTML基础介绍.ppt_第3页
HTML基础介绍.ppt_第4页
HTML基础介绍.ppt_第5页
资源描述:

《HTML基础介绍.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、基于浏览器的客户端编程主讲教师:徐丽学习情境2 HTML基础介绍一、布置工作任务了解HTML文档的基本结构、了解标记属性的使用方法和规则。使用记事本编写HTML网页文档。二、学与做相关知识学做实例(一)相关知识HTML文档结构HTML基本语法注释编写HTML文件的注意事项2.1HTML文档结构一个完整的HTML文件包含头部和主体两个部分的内容,在头部内容里,可定义标题、样式等,文档的主体内容就是要显示的信息。2.1.1基本结构一个简单的HTML示例

2、ody>

欢迎光临我的主页

2.1.2头部内容…是HTML文档的头部标记,在浏览器窗口中,头部信息是不被显示在正文中的,在此标记中可以插入其它用以说明文件的标题和一些公共属性的标记。如要指定HTML文档的网页标题(它将显示在浏览器窗口顶部标题栏),就要在头部内容中提供有关信息。用title元素来指定网页标题,即在之间写上网页标题,如程序2-2。2.1.2头部内容我的第一个网站</tit</p><p>3、le></head><body></body></html>2.1.2头部内容在头部文件中使用<META>标记用于描述不包含在标准HTML里的一些文档信息,例如开发工具,作者,网页关键字,网页描述等。这些定义的内容并不在网页页面中显示,但是一些搜索引擎可以检索这些信息,浏览者可以根据这些关键字或描述查找到该网页。<!--程序2-3--><html><head><title>我的第一个网页

4、ming">2.1.3主体内容在标记和中放置的是页面中所有的内容,如图片、文字、表格、表单、超链接等元素。例如,程序2-4在body部分添加了几个关于文本和段落的标记。我的第一个页面

这里是文章的标题

5、。

这里是文章的段落。

2.1.4编写网页的开头大多页面的开头,通常使用DOCTYPE标记来声明要使用什么风格的HTML或XHTML。DOCTYPE使浏览器知道应该如何处理文档,并且让验证器知道按照什么样的标准检查代码的语法。然后,用html标记标出实际代码的起始位置。2.2HTML基本语法HTML用于描述功能的符号称为“标记”。、、等都是标记。标记通常分为单标记和双标记两种类型。2.2.1标记语法单标记单标记仅单独使用就可以表达完整的意思。基本语法:<标记名

6、称>语法说明:最常用的单标记是
,它表示换行。双标记双标记由首标记和尾标记两部分构成,它必须成对使用。首标记告诉Web浏览器从此处开始执行该标记所表示的功能。尾标记告诉Web浏览器在这里结束该标记。基本语法:<标记名称>内容语法说明:其中“内容”部分就是要被这对标记施加作用的部分。例如,“b“标记的作用是,告诉浏览器介于标记之间的文本应以粗体显示。(这里的“b”是“粗体(bold)”的意思。标记可以包含标记,即标记可以成对嵌套,但是不能交叉地嵌套。下面的代码就是错误的:这是错误的

7、交叉嵌套。2.2.2属性语法HTML通过标记告诉浏览器如何展示网页,如
告诉浏览器显示一个换行。另外还可以为某些元素附加一些信息,这些附加信息被称为属性(attribute)。例如,标记


的作用是在网页中插入一条水平线,那么这条水平线的粗细、对齐方式等就是该标记的属性,如:基本语法:<标记名称属性名1="属性值"属性名2="属性值">语法说明:属性应写在首标记内,并且和标记名之间有一个空格分隔。例如,上例中hr标记中,align为属性,center为属性值,属性值可以直接书写

8、,也可以使用""括起来。以下写法也是正确的:2.3注释注释标签用于在HTML源码中插入注释。注释会被浏览器忽略。可以

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。