前端学习--003--其他标签-CFANZ编程社区

前端学习--003--其他标签

图片引入：<img src=""alt=""title=""height=""width="">

超链接：<a href=""title=""target=""></a>

列表：

无序：<ul type=""> <li></li> </ul>
有序：<ol type=""> <li></li> </ol>

自定义列表：

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

代码练习：

<!DOCTYPE html>
<html>
    <head>
        <base target="_blank" />
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>html文本书写</title>
    </head>
    <body>
    <h1>html其他标签学习</h1>
    <hr>
    <p>1:图片引入标签</p>
    <img src="1.jpg" title="这是一个很漂亮的图片"alt="不要看嘛"width="100px"height="100px">
    <hr>
    <p>2:超链接标签学习</p>
    <a href="1.jpg" title="点击啊"target="_self">欢迎来到我的家</a><br>
    <a href="1.jpg" title="点击啊"target="_blank">不要嘛</a>
    <hr>
    <p>3:列表学习</p>
    <p>3-1:无序列表</p>
    <ul type="circle">
        <li>c语言</li>
        <li>c++语言</li>
        <li>java语言</li>
    <hr>
    <ul type="square">
        <li>c语言</li>
        <li>c++语言</li>
        <li>java语言</li>
    <hr>
    <ul type="disc">
        <li>c语言</li>
        <li>c++语言</li>
        <li>java语言</li>
    </ul>
    <hr>
    <p>3-2:有序列表</p>
    <ol type="A,B,C,a,1" start="2">
        <li>足球</li>
        <li>篮球</li>
        <li>游泳</li>
    </ol>
    <hr>
    <p>4:自定义列表</p>
    <dl>
        <dt>帮助中心</dt>
        <dd>妞一</dd>
        <dd>妞二</dd>
        <dd>妞三</dd>
    </dl>
    </body>
</html>

小主人，记得敲代码哦！小妲己么么么哒············

0 条评论