HTML知识NOTE
目录
●静态、动态网页常见扩展名
静态网页扩展名：.htm、html、shtml、xml等
动态网页扩展名：.asp、jsp、php、perl、cgi等，网页中有标志性符号“？”
1、HTML标记：单标记、双标记
1.1、标记使用时用“<>”括起来，成对出现，<表示标记开始，/>表示标记结束，<p></p>浏览器在解释该标记对的过程中，会将此看作段落并以段落的样式展现在网页中，<table></table>则看作表格；标记可分成单标记和双标记，双标记<>。
1.2、单标记
标记可以完整表达标记里面的意思，只需要在<>中输入标记名即可，一种单标记表示一种功能，没有范围之分：<标记>，此标记为英文字母，由HTML提供，具有特殊功能，如：<hr>表示画一条横线、<br>表示在标记处换行，单标记可以在网页中任意嵌套。
1.3、双标记
开始标记告诉浏览器从本处开始标记所表达的功能，再由结束标记告诉浏览器结束。<标记>内容</标记>，<标记>是字母关键组成的标记，如<div></div>组成一个层，<table></table>组成一个表格，内容是被标记修饰的部分。双标记可以多层嵌套，一个标记对的结束标记与最近一个标记对的开始标记配对，标记对不能交叉。
网页的最基本标记对为<html></html>表示html语言，其下面分成<head></head>、<body></body>，把头部信息放在<head>标记对中，如主题、字体编码设置，而正文等都放在<body>网页中。主题标记是在头部head里面的，段落p在body中。
2、常用HTML标记和格式
2.1、正文标题
标题设置，<hn>主题文字</hn>，n的范围为1-6，数字越大文字越小
2.2、设置段落
<p>段落</p>，段落中的空格添加，需要显示多个空格，可以加上多个“ ”，若不加“&nsp;”浏览器在解释HTML文件的多个空格时只会保留一个空格。
2.3、强制换行
<br>
2.4、给代码添加注释
<!--注释-->
2.5、文字的修饰
粗体与斜体：<b></b>粗体，<i></i>斜体，下划线<u></u>，删除线<s></s>
2.6、上标与下标
<sup></sup>上标，<sub></sub>下标
3、字体标记
3.1、字体大小，<font>要放大的文字</font>；设置字体大小：<font size="1">文字</font>，数字越大字体越大1-7；
3.2、字体颜色，<font color="">文字</font>，color可为rgb颜色值，如#000000，也可以用颜色的单词表示，如red
3.3、设置标题字体样式，<h1>标题</h1>，数字1-6；
3.4、物理字体，<TT>文字</TT>将字体设置成打字机字体，物理字体并不被font标记包含着，物理字体可以用来单独表现文字；逻辑字体，<EM></EM>强调文字，<STRONG></STRONG>字体加重，<CODE></CODE>显示编程代码，<SAMP></SAMP>显示示例文字，<KBD></KBD>显示键盘按键文字，<SMALL></SMALL>缩小文字，<BIG></BIG>放大文字
4、文字布局
4.1、行的控制
<p>可以单独使用：文字1<p>文字2，文字1后面有一对<p>，简写为<p>；强制换行标准写法：<br/>；不换行控制<nobr></nobr>
4.2、文字对齐，align="#"，#为方位：left、right、center，align可以放在p、div里面，表示文字在标记中向哪个方偏移，可以包括文字、图片。居中还可以用<center></center>
4.3、段落设置，<p></p>
4.4、列表，无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>，决定无序的是ul，li只是里面的一列表项
有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>，决定有序的是ol，在多个表项中，系统自动按顺序排列
4.5 用其他方式修饰文本
4.5.1、欲格式化文本在网页中输出的是在代码中的样式，因为如果代码没有欲格式化，就会去掉中间的空格。<pre>文字</pre>
4.5.2、计算机输出格式
<code></code>代码样式小型固定宽度字体显示的文本
<kbd></kbd>代码样式固定宽度字体渲染
<tt></tt>代码样式固定宽度字体渲染的文本
<var></var>代码样式斜体字渲染
4.6 制作滚动文字
使文字滚动<marquee direction=“”></marquee>，默认为从左到右循环滚动，direction有left、right、up、down；scrollamount内容滚动速度，behavior设置滚动方式，默认scroll循环滚动，当值为alternate将来回循环滚动，值为slide内容滚动1次即停止，不会循环，还有loop属性可设置滚动循环次数，默认无限制；scrolldelay内容滚动时间间隔，bgcolor内容滚动的背景色，width设置内容滚动背景宽度，height设置内容滚动背景高度
5、图像和链接
5.1图像的基本语法：插入图像<img src="#">，#表示图像url路径，如:<img src="cn.jpg">，img标记是放在body里面的。
图像无法显示时候的提示信息，参数alt表示鼠标指针在图片上面时显示交互文本信息，图像不正常显示的时候，在图像的区域显示alt中的文本，即使没有看到图像，也可给用户提供图像的主题。<img src="cn.jpg" alt="风景">
5.2 控制图像的大小
<img src="cn.jpg" alt="风景" width=“400px” height=“300px”>
5.3图像与文字对齐
img中的align来决定左右、上下、中间middle
5.4 图像的边框
<a href="url"><img src="cn.jpg" alt="风景" width=“400px” height=“300px” border=“0px”></a>带超链接的图片
5.6 文字链接
<a href=" ">文字链接</a> ；
超链接网页的打开方式，<a></a>是链接代码，属性target表示链接的网页在浏览器中的打开方式，属性值可为_blank在新浏览器窗口打开网页,_parent将要链接的文件载入含有该链接框架的父框架或父窗口中，如果含有该链接的框架不是嵌套的，则浏览器全屏窗口中载入链接的文件,就像_self参数一样，_self在同一框架或者窗口中打开所链接的文档,_top在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。
链接的注释：当鼠标指针放在文本链接上时候，稍后会出现一行文字注释，关键字为title
<a href="url " title=“某某网站”>文字链接</a>
5.7图片链接
<a href="url"><img src="cn.jpg"></a>
5.8锚点链接
点击带有命名锚的地址直接跳转到一个页面的锚点位置，这样打开网页后直接指向某一段落。
<a name="锚点名">文章中的文字</a>
定义命名锚后，链接中要指定这个命名锚，在名称前加#，使用name属性，要设置的两个方面：设定name的名称，设置一个href指向这个name
<a href=“#html”>点击到锚点链接</a>
<a name="html">锚点链接</a>
5.9 邮箱地址链接
<a href="mailto:邮箱">作者的邮箱</a>
5.10相对路径与绝对路径
除超链接外，网页中还有背景音乐地址、css文件等。相对路径：指的是文件所在位置