2012-04-27 HTML 基础学习笔记（1）

来源：互联网发布：美容整形行业知乎编辑：程序博客网时间：2024/05/29 09:23

2012.4.27 HTML基础学习笔记

——张伟

1. 学习HTML实际上就是在学特定的标签

2. HTML标签的格式：一对尖括号来表示

<p>、<html>、<body>、<h1>...

3. 标题标签<h1>到<h6>

基本格式：<h1> 标题内容 </h1>

<h1>表示的标题最大

<h6>表示的标题最小

4. 段落标签<p></p>

基本格式：<p> 段落内容放在这里 </p>

5. 浏览器在解析HTML标签的时候，只认识两个内容：一是所写的文字(内容)、另一个是标签

6. 图像标签

基本格式：<img src="图像的地址" />

图像地址：打开图片的文件夹是，地址栏里会有图片所在文件夹的路径，文件家路径+ 图片的名字=图片的地址（绝对地址）

7. HTML的基本结构

所有的网页内容应该写在<html></html>里面

所有的HTML标签都要“有始有终”，每一个标签都应该有结束，结束使用“/”来表示

当标签是成对标签时，第一个标签正常写，第二个表示结束的标签，在标签名字前面加上“/”

当标签是单独的一个标签时，在标签结束前（>前）加上一个“/”

每一个网页都应该有一个“头”和“身体”

<head></head> 在head里面有个用的非常多的标签<titl></title>，用来决定标题栏显示的内容

<body></body> 这里方的就是网页要显示的内容

<html>

<head>

<title>标题栏的内容</title>

</head>

<body>

网页要显示的内容

</body>

</html>

每一张页面，都应该只有一对html标签，对于多个，虽然不会出错，但是显示会与设想有出入

8. W3C组织推荐标签使用小写

9. XHTML（可扩展超文本标识语言），规定标签必须使用小写

10. 水平线标签<hr />

11. HTML注释

格式：

12. HTML换行标签

格式：<br />

13. 特定的字符

空格 &nbsp

> &gt(great then)

< &lt(less then)

& &amp

14. 标尺线<hr />

属性：

size 看做高度，其值就是显示的高度的像素

width 宽度，像素、浏览器界面的百分比

align 对齐方式：左边（left）、居中默认（center）、右边（right）

noshade 无阴影（实线）

color 线条的颜色

一是使用取色器

取得颜色的六位十六进制数（红绿蓝）以数值的形式赋给color这个属性

注意，赋值内容以#开头

color="#42A62E"

第二种方法，即颜色名（系统定义的默认颜色）

15. 字体标签<font>

控制输出的文本的字体大小（size）、字体类型（face）、字体的颜色（color）

基本格式:

<fontsize="字体大小"face="字体类型"color="字体颜色">由font决定字体的样式的文字 </font>

三个属性：size、face、color

size="字号对应的数字"（1~7）

1代表最小、7代表最大

color="red"("#FFFFFF")

face属性可以在word或其他高级文本编辑其中找到字体类型

注意：标签的属性由空格隔开，不要使用其他符号

16. 常见的预定义字体

黑体（boldface）

斜体

等宽字体

带下划线的字体

<u>带下划线的文本</u>

上标

下表

待删除线

<s>待删除线的文本</s>

17. 预定义格式文本标签

放在<pre></pre>标签内的文字，其空格和换行全部保留

18. marquee标签

控制标签里面的东西（文本、图片...）的运动方式

direction用来设定运动方向

left right down up

behavior用来设定循环

scroll altermate slide

19. 超链接标签

格式

<ahref="链接地址">显示在网页中的提示信息</a>

target属性，用来指定新的页面显示位置

_blank在一个新的页面打开

默认在当前页面打开（原来的页面不见了）

相对地址

若果链接的两个文件都在同一个文件夹下，href的值可以直接用文件名取代

若果在其他文件夹中（文件夹与本文件在同一地方），用文件夹名/文件名

与text.html相同位置的是不是就是名字为folder的文件夹

相对text.html文件而言，folder/Exercise2.html

如果文件在上一级目录，用“../”表示上一级目录的路径名

/根目录

./当前目录

../父目录

页面内的访问

要到本文档内的某个地方，要放一个标记，指明要跳到这个地方来（锚定anchor）

<aname="标记的名"></a>

点击跳到指定地方的标签

<ahref="#标记名"></a>

链接页面中访问指定的地方

要在需要访问的地方定义一个锚（标记）

在链接页面中使用a标签

<ahref="目标文件的地址#锚的名字">...</a>

链接到邮箱

<ahref="mailto:接收邮件的地址?subject=邮件的主题&body=邮件的具体内容"></a>