html-2

1、标题(从大到小)

<h1 align=""></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

align="left"  对齐方式  center 居中 right 居右

2、字体

<font size="" color=""></font>

size="" 1-7

3、换行

<br />

4、水平线

<hr align="center" width="" />

width="100"  固定值   100px

width="90%"  百分比  当前窗口的90%


5、段落

<p align=""></p>

对齐方式体现在段落的最后一行（未满）

输入法的全角

6、实体化标签

空格 &nbsp;

小于号 &lt;

大于号  &gt;


7、语义化

斜体 

<i></i>

加粗

<b></b>

强调（在页面不能多次使用）

<em></em>表现形式：斜体 

<strong></strong>表现形式：粗体 

字号大小

<big></big>  <small></small>

下划线

<u></u>

删除线

<s></s>  <del></del>(推荐)

上下标

  上标
  
  下标

预格式化

<pre></pre>

<div></div>   块级标记(盒模型)
<span></span> 行级标记

8、图片

<img src="图片路径" alt="文本替换图片" title="鼠标经过时显示的文本" align="" />

align=""  针对周边文本对齐

left  right  top   bottom  middle

绝对路径

相对路径(参考点：当前页面)

1、同级（图片与页面在一个文件夹下）

 ./1.jpg   1.jpg

2、下级(图片在某个文件夹pic下)
  
  pic/1.jpg

3、上级(图片在页面上一个文件夹下)

../1.jpg

9、链接

<a href="#" target="">百度</a>

# 空链接

 target="_self"   打开方式（当前窗口）

 target="_blank"  在新窗口打开

锚点

（1）抛锚（命名）
  <a name="top">顶部</a>
  <a id="top">顶部</a>
（2）找到锚（找到）
  <a href="#top">回到顶部</a>

跨页面的锚点

news_info.html

<a name="top">顶部</a>

a.html

<a href="news_info.html#top">回到顶部</a>