当前位置：首页 > Web开发 > 正文

指定图片宽高/brbr创建图片映像：定义图像后添加usemap属性

2024-03-31 Web开发

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

普通标签里有：

1.<h>、<p>、<a>、<img>、<hr>、<br>标签

2.文本格局化标签<b><strong><em>、<i>、<small>、<big>、<sub>、<sup>、<ins>、<del>

列表包孕：有序列表、无序列表、自界说列表

具体使用和特点在代码中

<html> <head> <meta charset="utf-8"> <title>HTML标签</title> </head> <body> <h1><a href="#Normal">普通标签</a></h1> <h1><a href="#Table">表格</a></h1> <h1><a href="#List">列表</a></h1> <div> <h2>h:标题：从h1到h6重要性依次递减,双标签</h2> <p>p:段落标签,双标签</p> <a href="#Link">a:链接</a></br> <br><img src="#"><a href="#Photo">img:图片标签</a> <hr>hr:程度线,单标签，无封锁 <br>换行，单标签</br> <div>文本格局化标签 <b>b:加粗字体</b> <strong>strong:界说加重语气</strong> <em>em:界说着重文字</em> <i>i:界说斜体字</i> <small>small:界说缩小字</small> <big>big:界说放大字</big> <sub>界说下标字</sub> <sup>界说上标字</sup> <ins>界说插入字</ins> <del>界说删除字</del> </div>  <div> <pre> pre : 对空格和空行进行控制（很代码内的空行空格格局一致） </pre> 当鼠标移动至缩写处时，将显示完整内容 <abbr title="Suoxie">Sx</abbr>实现缩写 <acronym title="DaXieSuoXie">DXSX</acronym>实现大写缩写 <bdo>从右向左显示文字</bdo> <q>短引用语</q> </div>  <div>常用属性 <br>class:元素可有一个或多个类名（样式文件使用） <br>id:每个元素该属性值独一 <br>style:行内样式 <br>title：特别信息（工具条） </div>  <div> <h2>链接：</h2> <br>双标签。标签内容随意，访谒位置随意</br> <br>属性herf=""指出链接地点;内容可以为网址；可以为以该属性值为ID值的标签ID；可以为网址+ID；可以为mailto:邮箱，发送邮件；</br> <br>属性target=""说明新链接的打开方法（_blank:在新窗口打开；_self:在原窗口打开（默认））</br> </div> <div> <h2>图片：</h2> <br>单标签</br> <br>属性src=""指出图片的URL地点</br> <br>属性alt,无法载入图片时显示的替代信息</br> <br>属性width;height,指定图片宽高</br> <br>创建图片映像：界说图像后添加usemap属性，只为对应map的name属性值；使用map标签界说图像舆图；最后在map标签中使用area标签界说图像舆图中可点击的区域，area中需要包孕的属性有：shape:（rect:矩形；circle:圆形；poly:多边形）；coords:(左上角坐标，宽高；圆心坐标，半径；各极点坐标)</br> <br>属性align和浮动的使用在h4后就不再撑持，对应的效果选用CSS实现</br> <br>属性align控制图片在地址文本行的垂直位置（bottom:底部，默认；middle:居中；top:顶部）,该属性在h4中被废弃，，可使用CSS替代</br> </div> </div> <div> <table> <tr> <th>0</th> <th>1</th> <th>2</th> </tr> <tr> <td>[0,0]</td> <td>[0,1]</td> <td>[0,2]</td> </tr> <tr> <td>[1,0]</td> <td>[1,1]</td> <td>[1,2]</td> </tr> <tr> <td>[2,0]</td> <td>[2,1]</td> <td>[2,2]</td> </tr> </table> <br>表格标签table;行标签tr;表头标签th;每格标签td <br>table属性border="数值",边框宽度，默认值为0;属性cellpadding=""设置单元格边距（单元格元素和边框的距离）;属性celllspacing=""设置单元格间距（单元格之间的距离） <br>caption标签给表格供给了标题 <br>th需放在tr中，格局和td一致 <br>td内容随意，可以为文本、图片、列表、段落、表单、程度线、表格 <br>跨列单元格（或表头）需设置属性colspan="所跨列数";跨行单元格（或表头）需设置属性rowspan="所跨行数" </div> <div> <br>类型：有序、无序、自界说 <h4>无序列表</h4> <ul> <li>无序01</li> <li>无序02</li> <li>无序03</li> </ul> <br>无序列表的类型：由属性style控制（list-style-type:disc,圆点列表；list-style-type:circle,圆圈列表；list-style-type:square,方形列表） <h4>有序列表</h4> <ol> <li>有序01</li> <li>有序02</li> <li>有序03</li> </ol> <br>有序列表的类型：由type属性控制（A：大写字母；a：小写字母；I：罗马大写字母；i:罗马小写字母） <br>ol可设置start属性，该属性值为序号的初始值 <dl> <dt>列表项01</dt> <dd>界说01</dd> <dd>界说02</dd> <dd>界说03</dd> <dt>列表项02</dt> <dd>界说01</dd> <dd>界说02</dd> <dd>界说03</dd> </dl> </div> </body> </html>

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

温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/32689.html

指定图片宽高/brbr创建图片映像：定义图像后添加usemap属性

推荐文章

热门文章

标签

友情链接

关于本站

联系我们

特别鸣谢