HTML基础学习——图片与列表

一.HTML图片的基本使用

  • <img src="URL地址" alt="图片的替代文本“/>
    但标签,有两个属性。

示例代码:


代码1

结果1
1.设置图片的尺寸
1.width和height属性

图片本身没有变化,只是在网页显示的时候改变。


代码如下

结果显示
2.设置图片链接

当点击图片时,会跳转到另一个网页。


代码

图片显示

跳转显示

二.列表

1.列表的三种形式

1.无序列表
2.有序列表
3.自定义列表

1.无序列表
  • <ul>和<li>


    代码

    结果
2.有序列表
  • <ol>和<li>


    代码示例

    结果
3.自定义列表
  • <dl> <dt> <dd>

<dl> 标签定义了定义列表(definition list)。
<dt> 标签定义了定义列表中的项目(即术语部分)。
<dd> 在定义列表中定义条目的定义部分。


代码示例

结果
2.列表的嵌套
代码示例

结果
3.列表中使用超链接

点击链接时直接跳转到当前网站。


代码如下

结果

(此文章仅作为个人学习笔记使用,如有错误欢迎指正~)

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

相关阅读更多精彩内容

  • 内容LongLongLong是一种情怀 本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,...
    西巴撸阅读 4,659评论 0 0
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,886评论 0 0
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 5,014评论 0 3
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 5,309评论 0 4
  • 自律的过程,都有一段难熬的时光,但自律的人生,最后都很美好。 没事早点睡,有空多读书。做一个自律的人,你的人生绝对...
    甜蜜微笑阅读 1,189评论 0 2

友情链接更多精彩内容