HTML入门02-一些基本的标签及特点
2021-05-03 20:28
阅读:629
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:额外信息(工具条)链接:
双标签。标签内容随意,访问位置随意
属性herf=""指出链接地址;内容可以为网址;可以为以该属性值为ID值的标签ID;可以为网址+ID;可以为mailto:邮箱,发送邮件;
属性target=""说明新链接的打开方式(_blank:在新窗口打开;_self:在原窗口打开(默认))图片:
单标签
属性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,方形列表)有序列表
- 有序01
- 有序02
- 有序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
评论
亲,登录后才可以留言!