HTML入门(网页骨架)——常见HTML元素①

HTML常见元素

<!DOCTYPE>文档声明
<html></html>告知浏览器其自身是一个HTML文档
<head></head>文档的头部
<title></title>位于文档头部内,用于定义文档的头部
<body></body>定义文档的主体
<strong></strong>加粗字体,一般为不可忽略的内容
<b></b>加粗字体
<em></em>斜体文字
<del></del>错误元素
<s></s>过期元素
<br>换行符
<hr>创建一条水平线
<!-- -->文档注释
<p></p>段落
<div></div>盒子标签 布局 最最基础的划分区域的标签 包裹内容
标题:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
多媒体音频(mp3 avi ogg):
一种写法:
<audio src="音频路径" muted="muted" autoplay="autoplay" loop="loop" controls="controls"></audio>
muted 静音播放
autoplay 自动播放
loop 循环播放
controls 显示控件
另一种写法:(由于浏览器不同,解决兼容性问题,开发中多使用这一种)
<audio muted="muted" autoplay="autoplay" loop="loop" controls="controls">
	<source src="路径">
		<source src="路径">
		</audio>
多媒体视频(mp4 webm):
多采用<video>
	<source src="路径(mp4)">
		<source src="路径(webm)">
</video>
超链接:
<a href="" target="">
	href表示链接的路径,target表示文档链接的打开方式,一般为_blank(在新网页中打开)
锚链接
用于定位当前页面的特定位置
<a href="#名字">
	<p id="名字">
用于定位到其他页面的特定位置
<a href="文档名#名字">
回到顶部(小技巧)
<a href="#">
<ul></ul>定义无序列表
<ol></ol>定义有序列表
<li></li>用于定义列表项目,可用于有序列表和无序列表
<dl></dl>定义定义列表
<dt></dt>定义定义列表项目
<dd></dd>定义定义列表项目中的条目
图片元素:
<img src="路径">
创建图像映射:
<img src="路径" usemap="#名字">
<map name="名字">
	<area shape="" coords="" href="" alt="语言描述">
</map>
shap为映射区形状(circle rect poly)
coords为点坐标 (circle为圆心和半径 rect为两角坐标 poly为各点坐标)
alt 当图片显示不出来时,自动出现文字描述
href为图片映射链接
发布了11 篇原创文章 · 获赞 3 · 访问量 1292

猜你喜欢

转载自blog.csdn.net/pipihan21/article/details/104597339
今日推荐