4：使用a元素添加超链接和锚点
<href>指定超链接连接到另外一个资源
<hreflang>指定超链接所连接的文档所使用的语言
<target>指定使用框架集中哪个框架装载另一个资源，属性值可以有_self(自己),_blank(新窗口),_top(顶层框架),_parent(父框架)
<download>让用户下载目标链接所指向的资源，而不是直接打开该目标
<type>指定文档的MIME类型
<media>指定目标URL所引用的媒体类型，默认值是all
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
<a href="www.baidu.com">百度 </a><br/>
<a href="www.baidu.com" target="_blank">百度</a><br/>
<a href="www.baidu.com"><img src="1.jpg" alt="百度"/></a><br/>
<a href="1.html">文本 </a><br/>
<a href="mailto:[email protected]">写信给我 </a><br/>
<a href="1.jpg" download="1.jpg" ><img scr="1.jpg"alt="学习路径"></a>
</body>
URL路径解释
5：列表相关元素
<ul>无序列表
<ol>有序列表：属性start定义起始数字，type定义那种类型编号，reversed定义是否反序
<li>定义疏于列表，只能包含<dt../>和<dd../>两种子元素
<dt>定义标题
<dl>定义术语列表
<dd>定义普通项
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
</body>
6：img元素
可用属性如下
src:图片所在位置
alt:图片提示信息
height:图片高度
width:图片宽度
图片相关元素如下
<map>:定义图片映射，该元素包含一个或多个<area../>子元素，每个子元素定义一片区域，不同区域可以链接到不同URL
<area>:定义图片内部区域，可用属性有shape指定哪块区域，coords指定多个坐标，href指定链接资源，alt指定该区域提示信息，target指定哪个框架加载另外的资源
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
<h4>普通图片</h4>
<img src="gril.jpg" alt="美女"/><br/>
<h4>指定高宽(图片会变形)</h4>
<img src="gril.jpg" alt="美女" height="600" width="1000"/><br/>
<h4>含链接图片</h4>
<a href="https://www.baidu.com"><img src="gril.jpg" alt="美女"/></a><br/>
<h4>定义区域</h4>
<img src="gril.jpg" alt="美女" height="200" width="300" usemap="#mymap"/><br/>
<map name="map" id="mymap">
<area shape="circle" coords="50,50,50" href="https://baidu.com" alt="circle"/>
<area shape="poly" coords="188,30,180,50,200,70,224,72,246,52" href="https://baidu.com" alt="poly"/>
</map>
<h4>含坐标图片</h4>
<a href="https://www.baidu.com"><img src="gril.jpg" alt="美女" ismap/></a><br/>
</body>
原文地址：https://www.cnblogs.com/yuanhaowen/p/9514999.html
时间： 2024-10-13 02:07:19