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

boyanx2个月前技术教程10

在上一遍《零基础学习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的格式化上下文FC(BFC,IFC,FFC,GFC)

前言在前端开发中,我们可以用CSS设置元素的样式,美化界面,也可以用CSS设置元素布局,即格式化上下文(Formatting Context),简称为FC盒模型-BOX我们的页面是由一个个元素组成的,...

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

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

VS Code settings.json 10 个高阶配置

1. 隐藏活动栏VS Code 左侧图标列表是“活动栏”,我们可以点击图标跳转到各个模块,我们可以通过配置 workbench.activityBar.visible 来控制活动栏的显示;如果你想恢复...

一个vsCode格式化插件

ESlint:是用来统一JavaScript代码风格的工具,不包含css、html等。背景近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱。目前没有一个可...

五大顶级CSS性能优化工具,值得程序员一试!

为什么Web页面的加载速度如此重要?在这个信息化的时代,如果一个网站的加载时间过长,大部分用户会极其不耐烦地选择“关掉”!这让辛辛苦苦熬夜敲代码的程序员们情何以堪,不管网站功能如何强大,用户根本都没来...

JavaScript开发基础——CSS知识

JavaScript开发基础——CSS知识使用CSS技术可以对文档进行精细的页面美化,CSS不仅可以对单个页面进行格式化,还可以对多个页面使用相同的样式进行修饰,以达到统一的效果。CSS的相关概念CS...

发表评论    

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