HTML学习记录2/a标签的超链接、假链接、跳转/列表标签

标签格式：
a标签：<a herf="需跳转页面">展现给用户查看的内容</a>

       <a href="跳转地址"><img src="图片文件" "></a>

target属性：“——self”在当前选项卡跳转，“——blank”新建界面进行跳转，“——title”鼠标悬停提示语

例：<a href="first.html" target="_self">第一个文件</a>
    <a href="first.html" target="_blank">第一个文件</a

base标签;指定界面中所有跳转需要如何打开，base标签必须写在head标签内。

 <base target="_blank">

假链接：#------点击跳转至页面顶部，javascript：-------点击不会跳转。

如何在当前页面跳转到指定地点？
给指定地点创建自己的id,在a标签部分指定对应id。
例：

<h2>我是顶部</h2>
<a href="#center">跳转到我是中部</a>

<h2 id="center">我是中部</h2>

如何跳转到其他页面的指定位置？
给所在位置创建id,在a标签的位置后直接加上#id.
例：

<h2 id="ceshi">我是被测试要跳转的指定位置</h2>

<a href="first.html#ceshi">跳转到测试位置</a>

注：使用a标签跳转到指定位置，是没有过度动画的，是直接跳转到了指定位置。

列表标签：
1.无序列表（最多）unordered list
2.定义列表（其次）ordered list
3.有序列表（最少）definition list

无序列表
格式：

 <ul>
       <li>内容</li>
 </ul>

type属性：—disc(实心) —square(方块)—circle(空心)
例：

<ul type="circle">...</ul>

应用：
1.新闻列表
2.商品列表
3.导航列表

<hr>—width(宽度）—align
例;

<hr width="200px" align="left">

li标签内可以添加其他标签来修饰li中的内容。
例：

<ul type="disc">
    <li>
        <h2>四川</h2>
        <p>我的家乡</p>
    </li>
    <li>
        <h2>海南</h2>
        <p>方方的家</p>
    </li>
    <li>
        <h2>鞍山</h2>
        <p>宝儿的家</p>
    </li>
</ul>

li标签中还可以有ul标签。
例：

<ul>
    <li>
        <h2>四川</h2>
        <ul>
            <li>我的家乡</li>
        </ul>
    </li>
    <li>
        <h2>海南</h2>
        <ul>
            <li>方方的家</li>
        </ul>
    </li>
    <li>
        <h2>鞍山</h2>
        <ul>
            <li>宝儿的家</li>
        </ul>
    </li>
</ul>

webstorm快捷键，快速一个ul的格式。

ul>li*个数（li标签个数）
ul>li*个数>h2+ul>li*个数

有序列表
格式;：

<ol>
    <li></li>
</ol>

type属性改变前面的序号。

定义列表
格式：

<dl>
    <dt></dt>
    <dd></dd>
</dl>

应用：
1.