Html基础【1】

1.图片标签

<img src="图片来源" alt="替换文本" title="提示文本" width="图片宽度" height="图片高度"/>
<!--例-->
<img src="img.JPG" alt="测试图片" title="测试图片" width="400px" height="500px"/>

 2.超级链接

<a href="去往路径" title="提示文本" target="_blank">链接文本</a>

• 超链接优化写法 ：<base target=”_blank”>
• 空链接：<a href=”#”>链接文本</a>
• 锚点：<p id=”xd”></p>…………<a href=”#xd”>链接文本</a>

3.列表

<!--无序列表-->
<ul type=”square”>     disc     circle
    <li></li>
    <li></li>
</ul>
<!--有序列表-->
<ol type=”1” start=”3”>
    <li></li>
</ol>

<!--自定义列表-->
<dl>
    <dt></dt>   定义小标题
    <dd></dd>   解释标题
    <dd></dd>
</dl>

4.meta

• 关键字

<meta name="keywords" content="HTML,ASP,PHP,SQL">

• 网页描述

<meta name="description" content="新垣结衣官方网站">

• 网页重定向

<meta http-equiv="refresh" content="5; https://www.baidu.com">

5. Link标签

• 调用外部样式表

<link  rel=”stylesheet”  href=”1.css”>

• icon图标

<link  rel=”icon” href=”1.ico”>