HTML课堂笔记

html（hyper text markup language 超文本标识语言）;

称为html文件，也称web文件;

（www world wide web万维网）

如何创建一个web文件步骤：

1、右键新建一个记事文本

2、修改文本的后缀名 .html或者 .htm

(必须统一)

网页名称命名的规范：

1、无空格

2、无特殊符号（例如& \符号），只可以有下划线“_”，只可以为英文、数字

3、区分大小写

4、首页文件名默认为：index.html(一个项目中只能

有一个index)

5、最好不要中文命名(容易出现bug)

装以下几个浏览器：

ie 9以上谷歌（google--chrome）

火狐（firefox）

微软雅黑------microsoft yahei

html 文件结构：

---------根标签（也就是最外面的）

---头部(不在网页上显示，类似幕后工作者)

标签里代码的作用：给整个文件注释说明的内容

是个单标签，作用：定义字符集、关键字、描述、作者、刷新等……

charset是设置字符集utf-8、gb2312（GBK）

后面两个字体表示中文

作用：网页的标题，可以为中文，不能过长，12个中文字符左右

-----躯干(网页只显示body的内容，相当于台前演员)

（w3c是欧洲一个pc组织的简写，专门制定相关的规则）

→

keywords---关键字

关键的单词，之间用半角（英文）的逗号隔开;

作用：用来标记搜索引擎在搜索你的页面时所取出的关键词；

→

description---描述

作用: 用来描述该网站的主题中心思想,不能过长；

→

作用: 用来标记文档的作者

标签、元素、节点

→bgcolor=”#f90”----给整体文档定义背景颜色

16进制的rgb颜色值---

0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f

格式：#aa(红色)bb(绿色)cc(蓝色)

#ff9900-----可以简写成#f90

#ababab-----不可以简写

图片格式：

→jpg (jpeg)---真彩色较高，图片比较饱满，容量适中。→png---可以显示透明背景的图片，容量较大。

→gif----256位的颜色，符合网页显示，真彩色较低，但是它图片的容量大小比较小。（动画除外）

→background="路径url"

路径：绝对路径、相对路径

参考点不同: 参考硬盘当前的文件

绝对路径：e:\前端教程讲义\html4.0和css2.0

相对路径：../../xxx.jpg

../表示返回文件的上一级目录

→text=“#ff6666”

定义的颜色将应用于整篇文档的字体。

→

标签，表示段落

→
表示换行

...

(#=left, center, right)

文字的x轴（水平方向）的对齐方式；

→标签，表示文本

每个标签含有各自的属性，没有的属性不能自行添加；属性：color---字体颜色

size---字体的大小

size=1, 2, 3, 4, 5, 6, 7

→代码里的空格写再多，网页上只能显示一个空格；  符号代表空白占位符（空格），可以写多个；

倾斜文本---倾斜

倾斜文本

粗体文本---加粗

粗体文本

下划线文本---下划线

删除线文本---删除线

html注释---内容不会在浏览器窗口显示

格式：

适用于任何的标签、文本、图像等等。

作用：

1、仅仅起到提示作用，方便自己方便他人

2、暂时的将代码封存，方便临时使用

快捷键：针对hBuild ctrl+/

表示标题，默认加粗，从大到小排列。

标题目录

---一般用在大的区块中

标题目录

标题目录

标题目录

标题目录

标题目录

→

元素---所标记的字符居中的元素

它的作用与使用

元素里的align=“center”类似。

→

---

---标尺线

size=”6”---设定线宽(线的厚度)

width="500"---设定线长(单位可以写成percent%) align="right"---设定对齐方式

color=“#f90”---设定线的颜色

→无序列表

• 此处新闻1条
• 此处新闻2条