第五课 知识补充

超链接

<a href ="此处为网址" target ="blank">此处为被点击标题的名称</a>

target ="blank"表示在新窗口打开该链接

无序列表

  • ● 实心圆(默认)
    <ul type ="disc">
        <li>此处为所写文字</li> 
        <li>此处为所写文字</li> 
    </ul>
    
    页面效果为:
    ● ······此处为所写文字······
    ● ······此处为所写文字······
  • ○ 空心圆
    <ul type ="circle">
        <li>此处为所写文字</li> 
        <li>此处为所写文字</li> 
    </ul>
    
  • ■ 实心方块
    <ul type ="square">
        <li>此处为所写文字</li> 
        <li>此处为所写文字</li> 
    </ul>
    

有序列表

父级元素的 <ul> 标签,应更改为 <ol> 标签。

  • 1 数字
    <ol type ="1">
        <li>······此处为所写文字</li> 
        <li>······此处为所写文字</li>
    </ol>
    
  • a 字母小写
    <ol type ="a">
        <li>······此处为所写文字</li>
        <li>······此处为所写文字</li>  
    </ol>
    
  • A 字母大写
    <ol type ="A">
        <li>······此处为所写文字</li>
        <li>······此处为所写文字</li>
    </ol>
    
  • i 罗马字符小写
    <ol type ="i">
        <li>······此处为所写文字</li>
        <li>······此处为所写文字</li>
    </ol>
    
  • i 罗马字符大写
    <ol type ="I">
        <li>······此处为所写文字</li>
        <li>······此处为所写文字</li>
    </ol>
    

图片

<img src ="imgs/此处为图片位置" title = "此处为鼠标划到此区域时的提示" alt ="此处为图片加载失败后显示的文字">

不常用的标签

<!-- 给文字增加删除线(在文字中间的一行线) -->
<del>······</del>

<!-- 把文字变成上标,比如(10²)。 -->
<sup>2</sup>

<!-- 给文字添加下划线 -->
<u>······</u>

<!-- 把文字居中 -->
<center>······</center>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容