第1章HTML基础-2016.8.23.ppt-.pptVIP

* 前端程序设计 Microsoft Windows Server Windows /Linux IIS Tomcat SQL Server Oracle H T M L ASP.NET JSP C S S JavaScript 操作系统 L A M P Web Server 数据库 脚本语言 Linux Apache MySQL PHP * HTML image form:input(text) a form:button 返 回 * 同一HTML脚本文件 重点：应用CSS使得结构和样式得以分离 应用CSS文件前 应用CSS文件后 返 回 * JavaScript执行在客户端 返 回 内 容 概 览 HTML简介 HTML文档结构及语法规则 创建HTML文件 网页的摘要信息 HTML页面中的块和行 注释和特殊符号 1.1 HTML简介 HTML HyperText Markup Language 超文本标记语言 作用 制作网页的基础语言 构成网页文档的主要语言 HTML的发展历史 1.2 HTML文档结构及语法规则 1.2.1 标签及其属性 HTML语法主要由标签、属性和元素组成，其语法结构为： 标签 属性1=属性值1 属性2=属性值2 …元素的内容/标签 1．标签 HTML文档由标签和被标签的内容组成。 2．标签的属性 标签仅仅规定这是什么信息，这些信息可以是文本，也可以是图像，但是要想显示或控制这些信息，就需要在标签后面加上相关的属性。 标签及其属性实例 1.例如，一级标题标签h1表示为： h1欢迎！/h1 2.例如，一级标题标签h1有属性align，align表示文字对齐方式，表示为： h1 align=“left”欢迎！/h1 1.2 HTML文档结构及语法规则 1.2.2 HTML语法规则 1．标签和属性的规范 2．元素的嵌套 3．不推荐使用的标签 在HTML中，某些标签不推荐使用，例如，b、strong、i、em、dfn、code、samp、kbd、var、cite等标签。因为这些标签有些是可以用CSS去统一控制的，还有一些是不常使用的。 4．代码的缩进 在编写HTML代码时要注意使用代码缩进来提高程序的结构性和层次性，不要使用制表符或制表符加空格的混合方式缩进。 1.2 HTML文档结构及语法规则 1.3 创建HTML文件 ① 打开记事本。 ② 创建新文件，并按HTML语言规则编辑。 ③ 保存网页。以.html或.htm为后缀命名文件，如create.html。 ④ 在“我的电脑”相应的存盘文件夹中双击create.html文件启动浏览器，即可看到网页的显示结果。 1.4 网页的摘要信息 网页的摘要信息一般放在HTML文档的头部（head）区域，主要通过以下两个标签进行描述。 1.4.1 title标签 网页的标题能给浏览者带来方便。其次，如果浏览者喜欢该网页，将它加入书签中或保存到磁盘上，标题就作为该页面的标志或文件名。另外，使用有哪些信誉好的足球投注网站引擎时显示的结果也是页面的标题。可见，标题是相当重要的。标题title标签的格式为： title 标题名 /title 1.4 网页的摘要信息 1.4.2 meta标签 meta标签的name属性的语法格式为： ＜meta name=参数 content=参数值＞。 name属性主要用于描述网页摘要信息，与之对应的属性值为content，content中的内容主要是便于有哪些信誉好的足球投注网站引擎查找信息和分类信息用的。 name属性主要有以下两个参数：keywords和description。 1．keywords（关键字） keywords用来告诉有哪些信誉好的足球投注网站引擎网页使用的关键字。2．description（网站内容描述） description用来告诉有哪些信誉好的足球投注网站引擎网站主要的内容。 1.4 网页的摘要信息 1.4.3 案例——制作网络书城页面摘要信息 【演练1-1】制作网络鞋城页面摘要信息。 【说明】用户可以登录百度有哪些信誉好的足球投注网站引擎/search/url_submit.html收录网页，以便浏览者访问到自己的网站。 1.5 HTML页面中的块和行 从页面布局和显示外观的角度看，一个页面的布局就类似一篇文章的排版，需要分为多个区块，较大的区块又可再细分为小区块。块内为多行逐一排列的文字、图片、超链接等内容，这些区块一般称为块级元素；而区块内的文字、图片或超链接等一般称为行级元素。 页面的这种布局结构，其本质上是由各种HTML标签组织完成的。因此，将HTML标签分为块级标签和行级标签（也