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

boyanx4个月前技术教程16

在上一遍《零基础学习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 合并列单元格

相关文章

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

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

CSS布局基础——BFC

what's BFC?第一次看到这个名词,我是拒绝的,css什么时候还有这个东西?于是迫不及待的google了一下,才发现原来它无时无刻不在我们的css当中,只不过它并不是一个属性,不需要我们平常使用...

手机格式化全解析:步骤、注意事项与操作指南

 手机已成为我们生活中不可或缺的必需品。但有时候,出于各种原因,我们可能需要将手机进行格式化操作。无论是因为手机卡顿、存储空间不足,还是出于个人数据安全的考虑,了解如何进行手机格式化都是十分必要的。接...

DevExpress Demo示例展示:所见即所得的HTML编辑器

DevExpress ASP.NET MVC有一个非常强大的仿Word界面的所见即所得HTML代码编辑器。下面就分享几个Demo让你感受它的强大。你也可以下载Universal安装包马上体验更多示例哦...

Python之文本解析:字符串格式化的逆操作?

引言前面的文章中,提到了关于Python中字符串中的相关操作,更多地涉及到了字符串的格式化,有些地方也称为字符串插值操作,本质上,就是把多个字符串拼接在一起,以固定的格式呈现。关于字符串的操作,其实还...

Python爬虫基础教学(写给入门的新手)

私信我,回复:学习,获取免费学习资源包。环境安装python3.7.1pip install requestspip install beautifulsoup4pip install lxml技术讲...

发表评论    

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