html学习笔记(1)
1、html：超文本标记语言，标记：就是用来描述网页内容的一些特定符号，不是编程语言，而是一种描述性的标记语言。
2、制作html网页文件
a、新建一个记事本文件，将他重命名 *.html
b、在里面输入网页的信息内容
c、在要修饰的内容的两侧加html标记
3、html标记的语法：标记分为两种：单标记、双标记
a、<标记符>没有结束的标记---单标记
<标记名称>单一型，无属性值，如<br>
<标记名称 属性=“属性值”>单一型，有属性值，如<hr width="50%">
b、<开始标记> <结束标记> ---双标记
<标记名称> </ 标记名称>没有属性值，如<title> </title>
<标记名称 属性=“属性值”> </ 标记名称>有属性值 <body bgcolor="red"> </body>
注意：源代码中的效果，并不是浏览器最终的效果。
4、标记与属性、属性之间以空格分隔，属性不区分先后顺序，且属性不是必须的。
5、在xhtml中，规定，所有html标记都要小写，所有标记都要有关闭
html---xhtml
<br>---<br />
6、html文档结构
所有的网页文件，通常由四对标记来构成，文档的骨架：
<html> 标识网页文件的开始与结束，所有的html元素都要放在这对标记中
<head> 标识网页文件的头部信息，如标题、（用于）搜索引擎的关键字等
<title> 标识网页文件的标题
标题
</title>
</head>
<body> 标识网页文件的主题部分
正文
</body>
</html>
7、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">
8、注释
<!--注释内容-->
9、body属性
<body bgcolor="背景颜色" background="背景图像" text="文本颜色" link="链接文本颜色" vlink="访问过的文本颜色"
alink="激活的链接文本颜色" leftmargin="左边界" rightmargin="右边界" topmargin="上边界" bottommargin="下边界">
10、其实html元素、html标记、html标签都是一回事
11、默认情况下网页内容与浏览器边框之间有距离，有某些html元素有默认值
12、网页文件名，在本地可以用汉字（练习.html）将来网页文件都是保存在服务器上的，一般都用英文。
13、<font>标记
<font color="文本颜色" size="字号" face="字体">文本</font>
网页中的字体、字号一般通过CSS修饰
白色 white #FFFFFF
红色 red #FF0000
蓝色 blue #0000FF
黑色 black #000000
绿色 green #00FF00
灰色 gray #999999
14、字符格式
加粗 <b>文本</b>
倾斜 <i>文本</i>
加强语气（加粗）<strong>文本</strong>
加强语气（倾斜）<em>文本</em>
下划线 <u>文本</u>
删除线 <s>文本</s>
上标 <sup>文本</sup>
下标 <sub>文本</sub>
15、在写html代码时：
先写我们的控制内容的标记，例如：这内容比较重要，可以在语义上加权<strong> 关键字</strong>，这部分内容是文章网页
的主题建议使用<h1>文章标题</h>
16、网页段落文字内容----<p></p>
17、段落标记
<p align="对齐方式"></p>
left 左对齐（默认）
center 居中
right 右对齐
18、html标记之间嵌套使用，一层套一层不会出现错误，但是不能交叉嵌套
19、网页优化核心：用适合的html标记去描述网页内容
20、段落标题
<hx align="对齐方式"> </hx>
段落标题说明：
x取值[1~6] hx内的文本会自动加粗显示。
hx针对的对象是段落，而font针对的对象的任意文本
21、<br>换行（换行不换段）
22、记住写代码或者效果的演变过程
23、html中，所有的标签都必须有属性值，如果没有使用属性名。
例如：<hr noshade="noshade" />----xhtml
<hr noshade>----html
24、<hr>水平直线
size 像素绝对设置，以数字表示，属性值越大，线越粗
百分比相对设置，以%表示，属性值越大，线越粗
width 像素绝对设置，长度不会应视窗的改变而改变
百分比相对设置，长度会随着应视窗宽度而改变
noshade="noshade" 实体线
25、定义一个块引用：使用文本缩进
<blockquote> </blockquote> 说明
cite url 被引用的地址
26、居中标记<center>内容</center>（被废弃的标签）
27、预格式化<pre></pre> 被包围在pre元素中的文本通常保留空格和换行符，而文本也会呈现为等宽字体，一个常见应用就是用
来表示计算机的源代码。
28、特殊字符
空格  
版本号 ©
注册商标 ®
" "
& &
< <
> >
29、在文本中的第一个字前直接敲空格不起作用，两个字之间敲多少空格只显示一个空格。
30、列表标记用途
列表标记可以创建一般的无序列表、编号列表，以及定义列表三种方式，还可以在一种列表中嵌套另一种列表，便于概括显示
一系列相关的内容。
a、无序列表<ul></ul>
<ul type="项目符号类型">
<li type="项目符号类型">内容1</li>
<li>内容2</li>
</ul>
<li>表示一个项目；type ：disc 实圈，circle空圈，square实正方形
b、 有序列表<ol></ol>
<ol start="列表起点" type="项目符号类型">
<li type="项目符号类型">内容1</li>
<li>内容2</li>
</ol>
c、定义列表<dl></dl>
<dl>
<dt>标题1</dt> 表示一个项目
<dd>内容1</dd> 表示一个项目下的更详细内容的解释
<dd>内容2</dd>
<dt>标题1</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
