Java相关课程系列笔记之六HTML学习笔记.docx

《Java相关课程系列笔记之六HTML学习笔记.docx》由会员分享，可在线阅读，更多相关《Java相关课程系列笔记之六HTML学习笔记.docx（27页珍藏版）》请在冰点文库上搜索。

Java相关课程系列笔记之六HTML学习笔记

HTML学习笔记

Java相关课程系列笔记之六

笔记内容说明

HTML（王春梅老师主讲，占笔记内容100%）；

目录

一、HTML概述1

1.1什么是HTML1

1.2Web浏览器1

二、HTML基础语法2

2.1标记语法2

2.2封闭类型标记：

双标记2

2.3非封闭类型标记：

单标记或者空标记2

2.4元素和属性2

2.5注释2

2.6HTML文档的标准结构3

2.7版本信息3

2.8元素3

2.9元素4

2.10头元素：

2.11头元素：

元数据元素用于定义网页的基本信息。

1）为空标记。

2）常用属性有：

content、http-equiv

例如：

--3秒刷新一次-->

--文档内容为：

文本格式的html，字符集采用utf-8-->

2.12案例：

创建一个标准结构的HTML文档，并创建头元素。

--版本信息-->

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

--html元素，表示整个文档-->

--头元素：

描述整个文档的相关信息-->

--3秒刷新-->

--文档主体：

显示-->

◆注意事项：

若不想出现乱码，则存储时的物理编码和查看时的编码需要一致；若出现乱码，则一看保存时的编码，二指定查看编码。

3、

文本标记

3.1文本标记的作用

1）文本是网页上的基本成分。

2）直接书写的文本会用浏览器默认的样式显示。

3）包含在标记中的文本则会被显示为标记所拥有的样式：

特殊字符、注释、标题元素、段落元素、换行元素、分区元素。

3.2文本于特数字符

1）空格折叠：

多个空格或制表符压缩成单个空格，即只显示一个空格。

2）特殊字符（如空格），可以用转义字符，也称为字符实体。

例如：

The<p>element.   ©2013bychang.

对应：

The

element.©2013bychang.

3.3标题元素

1）标题元素让文字以醒目的方式显示，往往用于文章的标题。

2）基本语法：

……，#：

可以为1、2、3、4、5、6

从

到

，即标题1到标题6

◆注意事项：

最大，

最小。

3.4段落元素

1）

元素提供了结构化文本的一种方式。

2）

元素中的文本会用单独的段落显示：

①与前后的文本都换行分开（即p中的内容会独占一行）。

②添加一段额外的垂直空白距离，作为段落间距（与
相比，间距较大）。

常用属性：

align（可用的值有：

left、right、center）

例如：

Thefirstparagraph.

Thefirstparagraph.

3.5换行元素

使用
元素在任何地方创建手动换行，该元素为空标记，语法为：

。

相当于回车，间距较小。

3.6分区元素和

1）分区元素用于为元素分组，常用于页面布局。

即对某些元素进行一些统一的设置。

2）文本：

不会影响布局，常用于同一行中部分元素。

3）

文本

：

独占一行，常用于多行的情况下。

3.7块级元素（block）和行内元素（inline）

1）块级元素：

默认情况下，块级元素会独占一行，即前后都会自动换行，比如：

、

、、

2）行内元素：

可以和其他元素位于同一行，即不会换行，比如：

、、

3.8案例：

使用文本标记为页面添加内容

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Java 语言基础 

red;">

<Day03>

1 个人所得税计算器

1.1 问题

计算个人所的税

1.2 方案

使用if语句来完成该程序

1.3 实现

使用记事本，代码如下：

publicclassIncomeTax

{


}

4、

图像和连接

4.1图像元素

1）使用元素将图像添加到页面，该元素为空标记，语法为。

2）必须属性：

src

3）常用属性：

width、height

4）语法：

例如：

◆注意事项：

/a.jpg"/>

--本地的绝对路径，放在Web里是不行的！

-->

--相对路径，当前项目下-->

--绝对路径，全路径-->

不建议宽高都设置，因为不知原图的比例，都设置会变形，只设置一个，系统会自动按比例缩放。

4.2链接元素

1）使用元素创建一个超级连接：

点击、去往其他资源（常见的去页面）。

2）语法：

被单击的内容、文本或图片

①href属性：

链接URL

②target属性：

目标，可取的值有：

_self：

默认值，替换当前页

_blank：

打开新的空白页，显示页面

4.3URL

1）URL（UniformResourceLocator）：

统一资源定位器，用来标识网络中的任何资源。

如：

文本、图片、音视频文件、段落或其他超文本。

2）完整URL的组成：

协议、机名、路径名、文件名。

3）URL中的路径名表示方法有：

相对路径和绝对路径。

4.4锚点

1）锚点是文档中某行的一个记号，用于链接到文档中的某一行。

即实现当前页面的不同位置之间的跳转。

2）如何使用锚点：

第一步：

使用a在目标位置定义一个锚点，

第二步：

使用连接a链接到锚点（在锚点名前加上#），href指向link1，

◆注意事项：

v#代表后面的不是页面，而是一个锚点。

v页面不同位置之间的跳转要在有滚动条的情况下才有效！

3）直接回到页面的顶端

①早期版本里，要先定义锚点，再定义链接。

②因为非常常用，所以现在简化了，直接写个#，不用先去定义锚点了：

test

4.5案例：

使用图像和链接标记

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Java 语言基础 

red;">

<Day03>

1 个人所得税计算器

1.1 问题

计算个人所的税

图-1