HTML 常用标签 (文本标签并不需要过多添加)
<div>这是一个div 它独占一行 </div>
<span>这和div一个作用,充当一个盒子使用 2者本身没有任何语法,只是拿来装内容的</span>
<img src="xxx.jpg(png)(gif)"/>
这是HTML标签中常用的图像标签 src代表这个图像的必须属性 指定文件的路径和文件名
img 顾名思义就是图像
作为HTML标签可以添加属性
src 本体
alt 替换文本 显示图片不显示时设置的文本
title 提示文本 鼠标放在图像上显示的文字
width 图像的宽度
height 高度
border 边框粗细
添加方式如下
<img src="xxx.jpg"/>
<img src="xxx.jpg" alt="设置的文字" title="设置的文本2"width="500" />
<img src="xxx.jpg" alt="设置的文字" title="设置的文本2"width="500" border="14/>
```(在Style.css中的background-image 依旧会运用到title以下的标签)
在导入图片时经常会有无法显示图片和路径错误的问题,那是因为图片没有设置宽高或是路径错误导致的问题
使用/或者../可以到一下级或上一级去寻找路径 如果是VS会自动为你导出你的图片选项和你存图片的文件夹, vs这里建议使vs用../
使用方式
<img src="xxx.jpg"/>
<img src="你存图片的文件夹名/xxx.jpg"/>
<img src="../同上/xxx.jpg"/>
链接标签 外部
可以直接设置文本进入也可以设置图片弹出
<a href="目标" target="目标弹出方式">你的链接文本</a>
href 指定链接目标的地址 本体
target 链接页面的打开方式
使用
<a href="http//www.baidu.com" target="-打开">进入百度页面</a>
内部
可以直接链接
<a href="rider.html">来到首页</a>
空链接
直接上使用
<a href="#">首页</a>
下载链接
直接套用href地址的方式 如果你的href里的地址是一个压缩包或文件 使用者点击会直接下载这个文件
网页元素链接:你的文本 视频 图片 表格 音频都可以添加链接
锚点
点击链接可以快速到达某个位置
链接标签没有限制 你可以添加多个链接标签 图片标签也是如此
方法
<a href="#superman">超人</a>
(绿色字体均为文本不需要照搬 除了必备的HTML标签</> "" 以外)
常用的web标签和使用
最新推荐文章于 2024-03-17 19:44:32 发布