2017/2/16 学习html的第二天

昨天学习了标记的分类、结构、图片路径和标记的使用。我今天又学习了新的东西，题目以一片新闻报道为例：

首先，一篇报道要有一个标题和日期和时间：

1、标题(由大到小)

  <h1></h1>

  <h2></h2>

  <h3></h3>

  <h4></h4>

  <h5></h5>

  <h6></h6>

  <h1 align="left></h1> <--对齐方式-->  conter 居中  right 居右

2、字体

  <font size="1"  <--字体大小-->

            color="#ffffff"   <--字体颜色--></font>

3、换行标签

<br />  <--使两个段落之间有更大的间隔-->

4、段落标签

<p></p>    <--使句子形成一段一段的-->

5、水平线

<hr></hr>

<hr width="值"   <--可以自己设置固定大小，也可以设置成百分比大小-->

       align="left"   <--对齐方式-->  conter 居中  right 居右

       color="#ffffff"    <--颜色--></hr>

6、语义化

(1)<b>粗体</b>

(2)<i><斜体</i>

(3)<em>斜体</em>    <--强调！不能在同一页面使用多次，表现形式是斜体-->

(4)<strong>粗体</strong>   <--强调！不能在同一页面使用多次，表现形式是粗体-->

(5)<u>下划线</u>

(6)<big>字体变大</big>

(7)<small>字体变小</small>

(8)<pre>预格式化</pre>   <--在编写的过程中是什么样在网页中就是什么样-->

(9)<s></s>   <del></del>(推荐使用这个)  <--两个都是删除线-->

(10)^上标

       _下标

(11)<ol>有序</ol>

      <ul>无序</ul>

      <li>列表项目</li>

7、图片

<img src="图片路径" alt="文本替换图片" 

title="鼠标经过时显示的文本" 

align="" />align=""   left  right  top   bottom  middle   <--针对周边文本对齐-->

8、链接

<a href="值"  网站的网址   

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

9、锚点

<a name="1" >锚点</a>   设置一个锚点

也可以这样  <a id="1">锚点</a>

<a href="#1">找到锚点</a>   然后根据设置锚点的名字或者ID来找到设置的这个点上

也可以跨页面的设置和寻找，比如我在当前页面的另一个网页上设置了锚点：

例如：game.html上设置了<a id="1"></a>

  已经知道这个网页是在当前页面的同一个位置：

  <a href="game.html#1">找到锚点</a>