HTML入门02-一些基本的标签及特点

2021-05-03 20:28

阅读:620

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

标签:map   字体   rect   距离   blank   点列   char   文件   标签   

我将它们分为三类:普通标签、表格、列表

普通标签里有:

1.

、、



标签

2.文本格式化标签

列表包括:有序列表、无序列表、自定义列表

具体使用和特点在代码中

HTML标签

普通标签

表格

列表

h:标题:从h1到h6重要性依次递减,双标签

p:段落标签,双标签

a:链接
img:图片标签
hr:水平线,单标签,无关闭
换行,单标签
文本格式化标签 b:加粗字体 strong:定义加重语气 em:定义着重文字 i:定义斜体字 small:定义缩小字 big:定义放大字 定义下标字定义上标字定义插入字 定义删除字
                pre  :
                对空格和空行进行控制
                (很代码内的空行空格格式一致)
            
当鼠标移动至缩写处时,将显示完整内容 Sx实现缩写 DXSX实现大写缩写 从右向左显示文字 短引用语
常用属性
class:元素可有一个或多个类名(样式文件使用)
id:每个元素该属性值唯一
style:行内样式
title:额外信息(工具条)

图片:


单标签
属性src=""指出图片的URL地址
属性alt,无法载入图片时显示的替代信息
属性width;height,指定图片宽高
创建图片映像:定义图像后添加usemap属性,只为对应map的name属性值;使用map标签定义图像地图;最后在map标签中使用area标签定义图像地图中可点击的区域,area中需要包括的属性有:shape:(rect:矩形;circle:圆形;poly:多边形);coords:(左上角坐标,宽高;圆心坐标,半径;各顶点坐标)
属性align和浮动的使用在h4后就不再支持,对应的效果选用CSS实现
属性align控制图片在所在文本行的垂直位置(bottom:底部,默认;middle:居中;top:顶部),该属性在h4中被废弃,可使用CSS替代
0 1 2
[0,0] [0,1] [0,2]
[1,0] [1,1] [1,2]
[2,0] [2,1] [2,2]

表格标签table;行标签tr;表头标签th;每格标签td
table属性border="数值",边框宽度,默认值为0;属性cellpadding=""设置单元格边距(单元格元素和边框的距离);属性celllspacing=""设置单元格间距(单元格之间的距离)
caption标签给表格提供了标题
th需放在tr中,格式和td一致
td内容随意,可以为文本、图片、列表、段落、表单、水平线、表格
跨列单元格(或表头)需设置属性colspan="所跨列数";跨行单元格(或表头)需设置属性rowspan="所跨行数"

类型:有序、无序、自定义

无序列表

  • 无序01
  • 无序02
  • 无序03

无序列表的类型:由属性style控制(list-style-type:disc,圆点列表;list-style-type:circle,圆圈列表;list-style-type:square,方形列表)

有序列表

  1. 有序01
  2. 有序02
  3. 有序03

有序列表的类型:由type属性控制(A:大写字母;a:小写字母;I:罗马大写字母;i:罗马小写字母)
ol可设置start属性,该属性值为序号的初始值
列表项01
定义01
定义02
定义03
列表项02
定义01
定义02
定义03

  

HTML入门02-一些基本的标签及特点

标签:map   字体   rect   距离   blank   点列   char   文件   标签   

原文地址:https://www.cnblogs.com/C-bj/p/12119395.html


评论


亲,登录后才可以留言!