《HTML语言基础》PPT课件

《HTML语言基础》PPT课件

ID:41111186

大小:483.01 KB

页数:30页

时间:2019-08-16

《HTML语言基础》PPT课件_第1页
《HTML语言基础》PPT课件_第2页
《HTML语言基础》PPT课件_第3页
《HTML语言基础》PPT课件_第4页
《HTML语言基础》PPT课件_第5页
资源描述:

《《HTML语言基础》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第二章HTML语言基础主讲教师:苏博本章内容1、HTML语言介绍2、HTML文档结构3、HTML基本标记4、块状布局标记5、文本、列表、超链接标记6、图像标记7、表单标记重点:理解什么是网页的结构与内容1、HTML语言介绍HTML是英文HyperTextMarkupLanguage的缩写。中文的意思是超文本标记语言。它是一种纯文本格式语言,通过嵌入代码或标记来表明文本格式的国际标准。用它编写的文件扩展名是.html或者.htm,可供浏览器解释浏览的文件格式。即浏览器可以直接解释执行,而不用在服务器端运行HTML

2、语言的版本是4.0现在升级到XHTML1.0版本,语言更加严格。当我们按照标准的XHTML语言编写网页的时候,就可以让不同厂商的浏览器或者客户终端向用户展示相同的页面信息。良好的XHTML编写习惯1、属性名称必须小写2、属性值必须使用双引号3、不允许使用属性简写HTML4.0版本允许这种写法,但是在XHTML中,必须写完整:4、使用id代替nameXHTML规范指出,使用id作为统一的名称标记,不再推荐

3、使用HTML的name属性。5、必须使用结束标记如果是包容标记,开始标记后必须出现结束标记。

如果是空标记,则必须使用正斜线作为结束。,
2、HTML文档结构HTML文档可以分为两部分书写Web文档应该遵循的格式:1、HTML文档必须以标记开始,以标记结束2、文件头必须包含在标记和标记之间。文件头文件体(Web页的实质内容)3、在文件头中应使用一个文档标题(文档标题)4、文件体

4、部分包含在和中5、文档采用的格式加入注释html文件标题3、HTML基本标记按照格式可把标记分为包容标记空标记(只有一个开始标记,如换行标记
或者水平线标记


)开始标记结束标记如Html常用的基本标记有:此标签可告知浏览器文档使用哪种HTML或XHTML规范。写在文档

5、最前面定义HTML文档定义文档相关信息。比如针对搜索引擎和更新频度的描述和关键词定义HTML文档头部信息定义HTML文档标题定义HTML文档内容
换行


定义水平线定义注释1、
标记是布局标记的首选,可以把div看做一个盒子,一个网页中的某块区域。默认状态下,每个div独占一行。一个长方形的网页,是个最大的盒子,被划分成

6、三个水平的盒子,头部,主题内容,尾部。每个盒子又被水平或者垂直划分成更小的盒子,依次类推,层层的盒子嵌套起来,架构出了网页的结构。就好像建房子,把框架先搭建起来。然后,再在每个盒子里面放上网页所需要的内容。4、块状布局标记Div的语法结构内容

嵌套结构:……
内容3
注意:Div有自己默认的样式,但为了改变其默认的样子,可以通过添加id、class等属性,通过css代码

7、改变其默认样式。属性必须放在开始标记里面。Div的嵌套不要太多,否则容易繁琐,也不利于浏览器解读网页的结构,所以,大致嵌套在十个以内比较合适。5、文本、列表、超链接标记文本标记网页的第一内容就是文本,是最能传递信息的元素。常用的文本标记有:

标题1

标题2

……
标题6
文字的大小由大到小,标题标签是独占一行,相比普通文本,有自己的默认样式。黑色、加粗、有大小的变化,独占一行。

段落

段落标记。文本自动换行。普通文本列表列表是网页结构的重要元素,除了应用在列

8、表型内容中之外,还主要用作导航设计。常用的列表有无序列表和有序列表无序列表语法结构:

有序列表语法结构
  1. 列表内容1
  2. 列表内容2
  3. 列表内容……
  4. 列表内容N
详细的列表种类参见“列表

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

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

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