java达内培优笔记相关dayhtml课件.pdfVIP

1HTML概述

1.1HTML概述

1.1.1HTML是什么

HTML:超文本标记语言，是开发网页的最基础的语言

由W3C组织提供

使用html开发的网页文件，以.html或.htm为后缀

使用html开发的网页文件，由浏览器负责解析并执行（即显示在浏览器中）

关于HTML:

(1)HTML是一门标记语言，不是编程语言

(2)HTML是一门标记语言，是利用标记来组织网页结构的

(3)HTML是文档的一种，例如：wordpdftxt…

1.1.2HTML的结构

1.案例：编写我的第一个HTML网页,并用浏览器打开

新建一个txt文档，将后缀名改为.html，代码实现如下：

如果在HTML文档中包含了中文数据,可能会出现码,这是由于文件在保存时使用

的编码和文件被浏览器打开时使用的编码不一致造成的.可以查询文档保存时的编码,在

HTML文档中通过metacharset=”xxx”/来指定浏览器打开HTML文档时的编码。

2.HTML结构详解

(1)!DOCTYPEHTML文档,用来HTML文档所遵循的HTML规范

(2)head/head头部分,用来存放HTML文档的基本属性信息,比如网页的标

题,文档使用的编码等,这部分信息会被浏览器优先加载.

(3)body/body体部分,用来存放网页可视化数据.即真正的网页数据

(4)title/title网页的标题

(5)metacharset=”utf-8”/用来通知浏览器使用哪一个编码来打开HTML文

档,这个编码一定要和文件保存时的编码保持一致,才不会出现中文码问题.

扩展：上面指定编码的写法为HTML5版本的写法，之前版本的写法为：

metahttp-equiv=Content-Typecontent=text/html;charset=UTF-8

1.2HTML语法

1.2.1html

如:meta/br/hr/input/img/等等

1.2.2html属性

都可以具有属性，属性可以有多个，多个属性之间用空格隔开，属性的值用单引号

或双引号引起来，或者不用引号。

1.2.3html注释

注释格式：!--注释内容--，注意html注释不能交叉嵌套

1.2.4html空格和换行

如何在网页中做一个空格或者做一个换行？

由于在网页中多个连续的空白字符会被当成一个空格来显示，所以

如果要做一个空格，可以用转义字符;来代替;

如果要做一个换行，可以用br/来代替;

1.3html和xml比较

1.3.1html和xml比较

1、相同点：xml和html都是w3c组织开发的，都是标记语言，都是使用标记来组织

文档结构的。

2、不同点：

(1)xml中允许用户自己定义。

(2)html中的都是预定义好的，不允许用户自己定义。

(3)xml对语法的要求非常严格，如区分大小写，不能交叉嵌套，一定要关闭

等。

(4)html对语法的要求非常不严格。如:名可以大小写混用，即使没有结

束或者交叉嵌套，可能也会被浏览器正常解析(最好按照规范来书写!!)。

(5)html的用途是用来开发网页、展示数据用的。

(6)xml目前常被用来传输数据或者作为应用程序的配置文件。

2HTML

2.1标题

2.1.1标题

基本语法：h1~h6，从h1到h6，即从标题1到标题6

示例：

h1align=center有没有去过.../h1

h2有没有去过.../h2

h3有没有去过.../h3

h4有没有去过.../h4

h5有没有去过.../h5

h6有没有去