HTML学习笔记（一）

01.认识HTML
HTML(Hyper Text Mark-up Language超文本标记语言)，标记就是用来描述网页内容的一些特定符号，HTML不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，比如文字以什么颜色、大小来显示，这些都是利用HTML标记来实现的.
HTML文档的创建方式: 用HTML语言创建的文档
·手工直接编写(例如记事本)
·通过图形化的HTML开发软件Dreamweaver
·由Web服务器上的动态网页程序生成
标记也称为标签或元素.

**02.HTML语法**
HTML最基本的语法是: <标记符>内容</标记符>
标记符通常都是成对出现的，有一个开头标记和结束标记，结束标记只是在开头标记的前面加一个斜杠"/"，当浏览器打开html文件后，就会理解里面的标记符，然后把标记符对应的功能表达出来。例如:
<hr width="80%" /)
<font size="7">文字内容</font>

制作一个html网页文件:
·新建一个记事本的文件，命名为 *.html
·在文件里面输入内容

HTML标记的类型: 单标记与双标记
·单标记: <标记名称>
  ·单一型，无属性值: 如: <br />
  ·单一型，有属性值: 如: <hr width="80%" />
·双标记
  ·无属性值: <标记名称>...</标记名称> 如: <title>...</title>
  ·有属性值: <标记名称 属性="属性值">...</标记名称> 如: <font size"7">...</font>

03.HTML文档结构
所有的网页文件，通常由四对标记来构成文档的骨架:

正文 说明: ·... 标识网页文件的开始与结束，所有的html元素都要放在这对标记中. ·... 标识网页文件的头部信息，如标题、搜索引擎关键字等. · 标识网页文件的标题 ·... 标识网页文件的主体部分

04.注释:
注释格式:

05.头部(head)标记
meta标记用于定义文件信息，对网页文件进行说明，便于搜索引擎查找。放置于之间.
·设置关键字: 多个关键字内容之间可以用","分隔.
·设置描述:
·设置作者:
·设置字符集:
·设置页面定时跳转:

06.主体(body)标记


·在HTML4.01中，所有body元素的"呈现属性"均不被赞成使用。
·在XHTML1.0 Strict DTD中，所有body元素的"呈现属性"均不被支持。

07.字符格式
功能 标记
加粗 文本
倾斜 文本
加强语气(加粗) 文本
加强语气(倾斜) 文本
下划线 文本
删除线 文本
上标 ^文本
下标 _文本
说明
·如果标记的内容比较重要，可以在语义上加权
·文章网页的主题推荐使用

…

·网页的段落文字推荐使用

…

08.段落控制标记
…
段落标题说明:
·x取值[1-6]
·hx内的文本会自动加粗显示
·hx针对的对象是段落，而font针对的对象是任意文本.

09.换行

: 换行(换行不换段)

10.修饰标记

---

: 线条
属性名称 属性值 说明
size 像素 绝对设置，以数字表示，属性值越大，线越粗
百分比 相对设置，以%表示，属性值越大，线越粗
width 像素 绝对设置，长度不会应视窗的改变而改变
百分比 相对设置，长度会应视窗的改变而改变
noshade=“noshade” 实体线

在xhtml中，所有的标签都必须要用属性值，如果没有，使用属性名。
例如: <hr noshade="noshade" />

11.特殊标记
定义一个块引用: 使用文本缩进
格式:

…

属性名称 属性值 说明
cite url 被引用的地址

居中标记<center>...</center> (已废弃)

预格式化<pre>...<pre> 不加此标记会忽略所有空格和制表符。
常用在表示源代码.

12.XML的特殊符号(转义符号)
空格  
版权号 ©
注册符号 ®
" "
& &
< <
> >