首页手记 WEB前端学习笔记 Html【1】

WEB前端学习笔记 Html【1】

标签：

Html/CSS

1.图片标签

<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="图片来源" alt="替换文本" title="提示文本" width="图片宽度" height="图片高度"/>
<!--例-->
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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>

点击查看更多内容