常用的web标签和使用




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标签</>  ""   以外)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值