[理学]chapt2-1 HTML基础.pptVIP

第二章：HTML 第1节：HTML基础语法 内容回顾 Web程序执行过程。 Web中的几个概念：浏览器、服务器、URL、HTTP协议。 Web浏览器和Web服务器之间的通信。 本节内容 本节内容 Demo 2_1_1.html Demo 2_1_2.html Demo 2_1_3.html HTML简介 HTML是什么？ Hyper Text Markup Language ：超文本标记语言 是一种简单、通用的标记语言 HTML能做什么？ 网页结构制作 指挥浏览器 是进行Web开发的基础 HTML简介 HTML要学什么？ 词汇：标记 语法：属性和结构布局 本节内容 HTML整体结构 html head title……/title /head body …… /body /html HTML头部 头部标记：head……/head 不直接显示在网页上 表示网页的一些特殊信息 可以包含的内容： 标题：title……/title 元信息：meta / CSS、JavaScript HTML主体 主体标记：body……/body 网页主体，网页显示的主要内容 body标记一些属性： text = “颜色值” bgcolor background 什么是标记 HTML用于描述功能的符号称为“标记”。 标记类型 单标记 双标记 标记语法 单标记 之所以称为“单标记”，是因为它只需单独使用 就能完整地表达意思，这类标记的语法是： 标记名称 最常用的单标记是br，它表示换行。 双标记 “双标记”由“始标记”和“尾标记”两部分构成，必须成对使用。 始标记告诉Web浏览器从此处开始执行该标记所表示的功能。 尾标记告诉Web浏览器在这里结束该功能。始标记前加一个正斜杠（/）即成为尾标记。 这类标记的语法是： 标记内容/标记 其中“内容”部分就是要被这对标记施加作用的部分。 标记语法注意事项 标记在使用时必须用””括起来 标记名称为英文字符，大小写作用相同，但是标准要求使用小写。 标记名前不能出现空格 标记可以嵌套使用 html和/html标记分别是网页的开始和结束标记 什么是属性 描述标记功能的具体显示形式或内容 属性只能出现在标记中，是对标记功能的补充 属性由属性名和属性值组成 属性语法 实例效果 属性语法 属性语法格式：标记名称 属性1 = “属性1值” … 属性只能出现在开始标记或单标记中 若标记中不含某一属性，则该属性值取默认值 不同属性之间没有先后顺序关系 HTML命名原则 文件的扩展名要以.html或.html结束。 文件名中只可由英文字母、数字或下划线组成。 文件名中不要包含特殊符号，比如空格、$等。 文件名是区分大小写的，在Unix和Windows主机中有大小写的不同。 网站首页文件名默认是index.htm或index.html。 当前内容 HTML的编辑环境 文本编辑器 EditPlus Dreamweaver 内容小结 HTML：标记语言，指挥浏览器如何显示网页内容 标记：有特定功能的符号 标记语法 属性：补充标记的显示效果 属性语法 HTML整体结构：开始（结束）标记、头部、主体 HTML开发工具： The end!