前端之HTML(二)

最新推荐文章于 2024-10-13 19:23:10 发布

oceans of *stars

最新推荐文章于 2024-10-13 19:23:10 发布

阅读量466

点赞数 2

分类专栏： html标签文章标签： html5 html

本文链接：https://blog.csdn.net/qq_44850339/article/details/119920682

版权

本文详细介绍了HTML中的基础知识，包括a标签的使用，如href和target属性，以及锚点的概念。接着讲解了img标签，强调了src和alt属性的重要性，并提及了图片超级链接的实现。对于video和audio元素，提到了controls属性和自定义控件的可能性。此外，还讨论了table标签，包括tr、th、td、border、cellspacing和cellpadding等属性。最后，简要介绍了form标签的核心功能，action和method属性，以及input元素在表单提交中的作用。

摘要由CSDN通过智能技术生成

一、a标签、img 图片、video视频和audio音频

a 超链接
   href指代链接目标地址，可以本地地址，也可以网络地址，但必须有
   target 指代本页打开或者在新空白页打开，_self,_blank
   锚点:在本页面快速滚动到具体位置
   通过给元素以属性id=idstr 并给a标签href值为"#idstr",id不能以数字开头

   img图片可以使用网络(需要注意是否有403,没有权限)和本地图片
   src 代表资源路径 ./代表当前目录 ../代表上级目录
   alt图片加载失败提示信息
   图片超级链接是把img嵌套在了a里

   video和audio视频音频
   需要通过controls来在页面显示控制信息，也可以自定义样式，自定义控件
   src资源地址 autoplay自动播放并不是每个浏览器都可以

建文档格式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<h1>图片标签</h1>
			<!-- 图片的src就是图像路径
			 可以使用网络路径
			  alt表示图片加载失败显示的提示信息-->
			<img src="img/1.png" alt="获取图片失败">
		</div>
		<div>
			<a href="www.baidu.com">
				<img width="100" height="100" src="img/1.png" alt="">
				<span>图片</span>
				</a>
			<a href="www.baidu.com">
				<img width="100" height="100" src="img/1.png" alt="">
				<span>图片</span>
				</a>
			<a href="www.baidu.com">
				<img width="100" height="100" src="img/1.png" alt="">
				<span>图片</span>