前端学习第二天（h5）

一、标签

语义化标签

标签有开始标签和结束标签，例如：<p>为段落开始标签，</p>为段落结束标签。

<p>为段落标签，表示一个段落，独占一行。

<blockquote>为引用标签，独占一行。

<hgroup>为标题分组，同一组相关的标题可以放进来。

元素分为块元素（独占一行）和行内元素（不独占一行）。块元素主要用来布局，行内元素主要用来放文字。

<span>是行内元素，用来放文字，比较常用。

超链接也是一个行内元素，

<a> 标签定义超链接，用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性，它指示链接的目标。如果是超链接到项目文件，需要用相对路径，即./ 相当于当前文件所在的目录，../从当前目录的上一级寻找。

<div>
<p>这是一个段落</p>
<blockquote>引用标签</blockquote>
<span>这是一个行内元素</span>
</div>
<a href = "www.baidu.com"></a>

布局标签

<header>为头部标签，<mian>为主标签，<footer>为尾标签，<nav>为导航标签。

<div>没有语义，就是一个块标签，比较常用。

二、列表

有序列表，无序列表，定义列表。列表之间可以互相嵌套。

<ul><!--ul表示无序列表-->
<li>第一项</li>

</ul>
<ol>
<li>有序列表的第一项</li>
</ol>