【HTML学习】——列表和图像!了解一下

news/2024/7/19 12:41:58 标签: html, 列表

文章目录

  • HTML列表
  • HTML图像
    • 【1】图像标签img和源属性src
    • 【2】替换文本属性alt
    • 【3】map和area

HTML列表

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

【1】无序列表

  • 无序列表标签:<ul>(unordered list)
  • 每个列表项标签:<li>(list item)
  • 默认每行前符号为圆点,可以通过样式属性修改符号
html"><!无序列表>
<ul>
    <li>Coffee</li>
    <li>Milk</li>
</ul>

在这里插入图片描述


【2】有序列表

  • 有序列表标签:<ol>(order list)
  • 每个列表项标签:<li>
html"><!有序列表>
<ol>
    <li>Coffee</li>
    <li>Milk</li>
</ol>

在这里插入图片描述


【3】定义列表

  • 自定义列表标签:<dl>(definite list)

自定义列表列表项和注释的结合

  • 每个列表项标签:<dt>(definite title)
  • 每个注释:<dd>(definite description)
html"><!自定义列表>
<dl>
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>
    <dt>Milk<dt>
    <dd>White cold drink</dd>
</dl>

在这里插入图片描述


【4】列表属性

标签含义
<ol>有序列表
<ul>无序列表
<li>列表
<dl>定义列表列表项+注释)
<dt>定义列表——列表
<dd>定义列表——注释

HTML图像


【1】图像标签img和源属性src

  • 图像标签:<img>

<img>是空标签,只包含属性,并且没有闭合标签

  • src(‘source’)= 图像的url地址
  • 语法<img src='url' />

【2】替换文本属性alt

  • alt属性给图像定义一段预留的可替换文本

<img src='url' alt='我是小杨我就这样' />

当图像加载不出来时,替换文本可以告诉用户丢失了什么信息


【3】map和area

  • <map>:定义一个客户端图像映射,有可以点击区域的一副图像
  • <area>:定义图像映射中的区域,带有可点击区域的图像

<area>html中没有结束标签,并且总是嵌套在<map>标签中

html"><!map和area图像>
<img src="plants.jpg" border="0" usemap="#plantmap" alt="Plants" /> 
<map name="planetmap" id="planetmap">
    <area shape="circle" coords="180,139,14" href="venus.html" alt="" />
    <area shape="circle" coords="129,161,10" href="mercur.html" alt="" />
</map>

http://www.niftyadmin.cn/n/1488654.html

相关文章

upx手动脱壳

工具 upx&#xff1a;upx是一个开源的压缩壳工具&#xff0c;可以到github下载upxStudy_PE工具&#xff0c;可以到看雪论坛下载 upx简单的用法 upx src.exe命令将src.exe加壳 upx src.exe -o dst.exe命令将src.exe加壳并另存为dst.exe upx手动脱壳 脱壳原理 平衡堆栈法(又…

【HTML学习】——块元素、内联元素、div元素、span元素

文章目录块元素&#xff08;block level element&#xff09;内联元素&#xff08;inline element&#xff09;div元素span元素大多数HTML元素被定义为块元素或者内联元素 块元素&#xff08;block level element&#xff09; 块元素在浏览器中显示时&#xff0c;通常会以换行…

【计算机网络】——数据链路层!了解一下

文章目录数据链路层【1】概念【2】数据链路【3】帧【4】数据链路层的三个问题【4.1】封装成帧【4.2】透明传输——填充字节【4.3】差错控制【4.3.1】循环冗余检测CRC【4.3.2】帧检验序列FCS&#xff08;Frame Check Sequence&#xff09;【4.3.2】差错检测只是保证帧无差错传输…

plt表、got表与延迟绑定(Lazy Binding)

准备 实验环境 Ubuntu-Desktop 18.04 $ uname -a Linux ubuntu 5.4.0-48-generic #52~18.04.1-Ubuntu SMP Thu Sep 10 12:50:22 UTC 2020 x86_64 x86_64 x86_64 GNU/Linuxso.2.27 源码 源码程序如下&#xff0c;我将其命名为plt.c #include<stdio.h> int main() {p…

90后的我们从不幼稚!我们在用自己的方式成长

当年&#xff0c;那些祖国的花朵儿&#xff0c;如今在哪里&#xff1f; 那些每到儿童节&#xff0c;眉间都会被点个红点的孩子们&#xff0c;如今在哪里&#xff1f; 那些为了唱歌追梦的小姐姐&#xff0c;鼓起勇气&#xff0c;找路人拉票的孩子们如今在哪里&#xff1f; 那些…

【HTML学习】——表单!你得了解一下

文章目录HTML表单【1】表单【2】表单输入【2.1】文本域&#xff08;Text Fields&#xff09;【2.2】单选按钮&#xff08;Radion Buttons&#xff09;【2.3】多选框&#xff08;Checkboxes&#xff09;【3】表单的动作属性和确认按钮HTML表单 【1】表单 表单是一个包含表单元素…

【HTML学习】——网站布局

文章目录网站布局div元素布局网站布局 大多数网站会将内容安排到多个列中&#xff08;就像杂志和报纸那样&#xff09;&#xff0c;使用<div>元素创建多个快去区域 CSS用于对元素进行定位&#xff0c;或者为页面创建背景色彩丰富的外观 注意&#xff1a;表格并不是布局…

define宏定义中的#,##,@#及/符号

前言 本文描述define宏定义中的#&#xff0c;##&#xff0c;#及/符号的使用方法 #的用法 宏定义中的#字符串化操作符。其作用是&#xff1a;将宏定义中的传入参数名转换成用一对双引号括起来参数名字符串。其只能用于有传入参数的宏定义中&#xff0c;且必须置于宏定义体中的…