HTML学习笔记（一）：HTML架构及其常用标签
HTML学习笔记（一）：HTML架构及其常用标签
1. HTML：Hytetext markup language.超文本标记语言，标记：就是用来描述网页内容的一些特定符号，不是编程语言，而是一种描述性的标记语言。
2. 如何新建一个HTML文件：
①新建一个记事本文件，并修改后缀名为.html或者.htm;
②用文本编辑器（editplus或者notepad++）内容
3、注：html元素、html标记、html标签都是一回事
4、html文档结构
所有的网页文件，通常由四对标记来构成，文档的骨架：
<html> 标识网页文件的开始与结束，所有的html元素都要放在这对标记中
<head> 标识网页文件的头部信息，如标题、（用于）搜索引擎的关键字等
<title> 标识网页文件的标题
标题
</title>
</head>
<body> 标识网页文件的主体部分
正文
</body>
</html>
5、html标记的语法：标记分为两种：单标记、双标记
a、<标记符>没有结束的标记---单标记 #（自结束）<ba/>
<标记名称>单一型，无属性值，如<br> #（注：<p>和<br>都是表示换行，<p>是直接换行，有结束名称，<br>换行是前后都空一行）
<标记名称 属性=“属性值”>单一型，有属性值，如<hr width="50%"> #标记与属性、属性之间以空格分隔，属性不区分先后顺序，且属性不是必须的。
b、<开始标记> <结束标记> ---双标记 #(有开始有结束)
<标记名称> </ 标记名称>没有属性值，如<title> </title> #标题
<标记名称 属性=“属性值”> </ 标记名称>有属性值 <body bgcolor="red"> </body>
#注意：源代码中的效果，并不是浏览器最终的效果。HTML只是搭好框架，后续要通过CSS和JS来修饰，以达到最终的显示效果
6、注：在xhtml中，规定，所有html标记都要小写，所有标记都要有关闭 #并不是强制要求，但标记全部建议小写
html---xhtml
<br>---<br />
7、 注：html标记之间嵌套使用，一层套一层，但是不能交叉嵌套
8、网页段落文字内容----<p></p>
9、段落标记
<p align="对齐方式"></p>
left 左对齐（默认）
center 居中
right 右对齐
10、段落标题
<hx align="对齐方式"> </hx>
注：
x取值[1~6] hx内的文本会自动加粗显示。 #h1h2h3h4是用加粗表示出来的一级二级三级四级标题
hx针对的对象是段落，而font针对的对象的任意文本
11、<br>换行（换行不换段）
12、<hr>水平直线
size 像素绝对设置，以数字表示，属性值越大，线越粗
百分比相对设置，以%表示，属性值越大，线越粗
width 像素绝对设置，长度不会应视窗的改变而改变
百分比相对设置，长度会随着应视窗宽度而改变
noshade="noshade" 实体线
13、列表标记：
列表标记可以创建一般的无序列表（使用...来表示的）、编号列表（是用123来表示的），以及定义列表三种方式，还可以在一种列表中嵌套另一种列表，便于概括显示
一系列相关的内容。
a、无序列表<ul></ul> #UNorder list
<ul type="项目符号类型">
<li type="项目符号类型">内容1</li>
<li>内容2</li>
</ul>
<li>表示一个项目；type ：disc 实圈，circle空圈，square实正方形
b、 有序列表<ol></ol> #ordered list
<ol start="列表起点" type="项目符号类型">
<li type="项目符号类型">内容1</li>
<li>内容2</li>
</ol>
c、定义列表<dl></dl> #defined list
<dl>
<dt>标题1</dt> 表示一个项目
<dd>内容1</dd> 表示一个项目下的更详细内容的解释
<dd>内容2</dd>
<dt>标题1</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
其他HTML标签：
14、body属性
<body bgcolor="背景颜色" background="背景图像" text="文本颜色" link="链接文本颜色" vlink="访问过的文本颜色"
alink="激活的链接文本颜色" leftmargin="左边界" rightmargin="右边界" topmargin="上边界" bottommargin="下边界">
15、meta标记用于定义文件信息，对网页文件进行说明，便于搜索引擎查找。放置<head> </head>之间设置关键字：
<meta name="keywords" content="value">多个关键字内容之间可以用“，”分隔
设置描述：<meta name="description" content="value">
设置作者：<meta name="author" content="作者名">
设置字符集：<meta http-equiv="content-type" content="text/html;charset=gb2312>
设置页面定时跳转：<meta http-equiv="refresh" content="2";URL=http://blog.csdn.NET/hanbo622">
16、注释
<!--注释内容-->
17、<font>标记
<font color="文本颜色" size="字号" face="字体">文本</font>
网页中的字体、字号一般通过CSS修饰
白色 white #FFFFFF
红色 red #FF0000
蓝色 blue #0000FF
黑色 black #000000
绿色 green #00FF00
灰色 gray #999999
18、字符格式
加粗 <b>文本</b>
倾斜 <i>文本</i>
加强语气（加粗）<strong>文本</strong>
加强语气（倾斜）<em>文本</em>
下划线 <u>文本</u>
删除线 <s>文本</s>
上标 <sup>文本</sup>
下标 <sub>文本</sub>
19、定义一个块引用：使用文本缩进
<blockquote> </blockquote> 说明
cite url 被引用的地址
20、居中标记<center>内容</center>（被废弃的标签）
21、<span> </span>标签被用来组织文档中的行内元素。
