HTML基础标签

HTML标题

通过<h1>-<h6>标签来实现
例如
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5>
<h6>这是一个标题</h6>

结果：

段落标签

<p></p>来定义HTML 段落
<p>这是一个段落。</p>
<p>这是一个段落。</p>

结果：

水平线标签

<hr/>

结果

换行标签

<br/>
  这是我学HTML第一天
    这是我学HTML第一天
如果不加<br/>
结果是：
 这是我学HTML第一天这是我学HTML第一天
 加了<br/>
 结果是：

标签属性

使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。
语法格式：
<标签名 属性1=“属性值1” 属性2=“属性值2” …> 内容 </标签名>
例如：

结果为：
背景变为红色了

图像标签img

<img src="图像URL" />
src属性用于指定图像文件的路径和文件名

链接标签

<a href="跳转目标的url地址" target="目标窗口的弹出方式 self和blank">文本或图像</a>

外部链接需要添加网址 例如： http:// www.baidu.com
内部链接直接链接内部页面名称就可以了例如：< a href=“index.html”>
空链接时 href=“#”；

锚点定位

通过创建锚点链接，用户能够快速定位到目标内容

例如：跳转到页面的最上面；
只需要在页面头部建立ID名；
然后在页面其他位置建立跳转a href=”#id名>“链接文本"</a>

路径

通过路径找到文件图片
分为相对路径和绝对路径；
相对路径
图像文件相对于HTML文件的位置；

例如：
1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如img src="logo.gif" 。
2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如img src="img/img01/logo.gif" ;。
3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如img src="../logo.gif" 。

绝对路径
就是完整的地址
例如：http://www.itcast.cn/images/logo.gif”

列表标签

无序列表 ul
无序列表的各个列表项之间没有顺序级别之分，是并列的
例如：

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

结果为：

• Coffee
• Milk

• 有序列表
  有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义
  例如：

  <ol>
  <li>Coffee</li>
  <li>Milk</li>
  </ol>
  

  结果为：

  1. Coffee
  2. Milk

  自定义列表
  定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号
  例如：

  <dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
  </dl>
  

  结果为：

  Coffee

  - black hot drink

  Milk

  - white cold drink