HTML清单标签和图形标签

最新推荐文章于 2024-02-20 09:00:00 发布

陌影2272424

最新推荐文章于 2024-02-20 09:00:00 发布

阅读量140

点赞数

分类专栏： JavaWeb教程文章标签： html html5 css

原文链接：http://www.monkey1024.com/html/737

版权

JavaWeb教程专栏收录该内容

51 篇文章 2 订阅

订阅专栏

清单标签

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>清单标签</title>
</head>
<body>

     <ul type="square">

         <li>小猴子1024</li>
        <li>小猴子1024</li>
        <li>小猴子1024</li>
        <li>小猴子1024</li>

     </ul>

     <hr/>

     <ol type="1" start="2">
         <li>小猴子1024</li>
        <li>小猴子1024</li>
        <li>小猴子1024</li>
        <li>小猴子1024</li>

     </ol>

</body>
</html>

标签介绍：

无序列表：<ul></ul>
    <li></li>:列表项
    属性：
        type：有三个值，分别为disc、 square和circle

有序列表：<ol></ol>
    <li></li>:列表项
    属性：
        type：1、A、a、I、i
        start:数字，代表首项开始位置


列表标签的作用：实现菜单栏（横向或者纵向均可）
无序列表标签的小圆点在HTML中不能直接去掉，需要在CSS中设置

图形标签

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>图形标签</title>
</head>
<body>

     <img src="images/kobe.jpg" alt="科比" width="80%" height="80%" border="3" align="bottom" />
     前洛杉矶湖人队篮球运动员

</body>
</html>

标签介绍：

<img />
属性：
    src:图片地址
    width:宽度
    height:高度
    border:边框
    align:图片与相邻的文本的相对位置（top，middle，bottom）
    alt:图片文字说明，将鼠标移到图片上时会显示。

陌影2272424

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML清单标签和图形标签

清单标签<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>清单标签</title></head><body> <ul type="square"> <li>小猴子1024</li>
复制链接

扫一扫

专栏目录