零基础学习HTML图像热区特殊字符无序列表和有序定义列表表格

boyanx9个月前技术教程44

在上一遍《零基础学习HTML换行符段落标题水平线文本格式化字体链接锚点》文章中已经介绍了HTML入门的上篇,现在继续来学习相关知识。

一、图像

  属性说明

src 定义图像的地址

alt 定义图像的替代文本

width 设置图像的宽度

height 设置图像的高度

怎样指定图片的地址?

二、 图像热区

属性说明

shape 热区形状(rect、circle、poly )

coords 形状的坐标值

三、HTML 特殊字符

某些字符在 HTML 中具有特殊意义,如小于号 (<) 定义 HTML 标签的开始

字符实体用于在 HTML 文档中插入特殊字符,如版权号 ,注册商标等

通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。

列表用来在网页上组织信息,HTML能够创建三种类型的列表:无序列表、有序列表和定义列表。

1.无序列表

  • ……
  • ……
  • ……

属性属性值说明

Typedisc用来设置项目前面的标记

Circle

square

2. 有序列表

有序列表使用数字或字母系统来组织列表里包含的信息。有序列表可以使用数字(默认)、大写字母、小写字母、大写罗马数字和小写罗马数字排列项目。

  1. ……
  2. ……
  3. ……

属性属性值说明

type1、 a 、 A、i、I 用来设置项目前面的标记

start数值

3. 定义列表

定义列表用来组织术语和它们的定义。任何信息如果包含多个术语和相对应的解释,都可以使用定义列表进行组织。

HTML

html 是超文本标记语言

XHTML

可扩展超文本置标语言

表现方式与超文本置标语言(HTML)类似,不过语法上更加严格

四、HTML 表格

表格由

标签以及一个或多个 tr、th或td 元素组成。

单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2

定义表格

定义表格的行

定义表头

定义表格单元

属性值说明

widthpx、 % 指定表格的宽度

heightpx、%表格的高度

borderpx 指定表格边框的宽度

cellpaddingpx 指定边框与内容之间的空白

cellspacingpx、 % 指定单元格之间的空白

alignleft、 right 、 center 指定对齐方式

valigntop、 middle 、 bottom 垂直排列方式

colspan 合并行单元格

rowspan 合并列单元格

相关文章

CSS视觉格式化模型,你真的了解么?

CSS视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制。这是CSS 2.1的一个基础概念。视觉格式化模型根据CSS盒模型为文档的每个元素生成0...

程序员请收好:10个非常有用的 Visual Studio Code 插件

一个插件列表,可以让你的程序员生活变得轻松许多。作者 | Daan译者 | Elle出品 | CSDN(ID:CSDNnews)以下为译文:无论你是经验丰富的开发人员还是刚刚开始第一份工作的初级开发人...

css清除浮动

css清除浮动1.需要清除浮动的原因清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题2.清除浮动的方法1,额外标签法(在最后一个浮动标签后,新加一个标签,给其设置clear:bo...

网络安全周|关于网络安全,这些要知道

在无网络不生活的今天人们越来越离不开网络网络安全也成为大家关注的热点网络安全与我们息息相关跟着浐灞君,每天一个短视频网络安全小常识学起来~如何设置密码更安全怎么样关于密码安全你学会了吗?不要死守一个密...

Tailwind CSS 4.0进行了“彻底重写”

其他开发者新闻:研究发现仅 16% 的组织拥有标准化的开发者环境,Bun 更新,以及 JavaScript 的 Temporal 对象。译自 Tailwind CSS Gets a ‘Ground-U...

电脑重装系统需要全盘格式化吗?这个事项需要看情况

在重装系统的时候,如果对这个过程不了解的话,就会产生很多疑问。部分网友可能不知道在给电脑重装系统时到底要不要全盘格式化,这里就和大家一起了解一下吧。更多系统教程尽在小白系统网http://www.95...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。