html常用标签1

标题标签h(h1~h6)   eg:<h1>h1标签</h1>
段落标签p,可以把 HTML 文档分割为若干段落 ,有竖直间隔    eg:<p>一段话</p>
水平分割线标签hr  eg:<hr>
换行标签br   eg:<br>
div和span标签:是没有语义的,是我们网页布局最主要的2个盒子,div是大盒子,独占一行;span是小盒子    eg:<div><span>包裹内容</span></div>

文本格式化标签:
b和strong 文字以粗体显示,推荐strong   eg:<strong>粗体显示</strong>
i和em 文字以斜体显示,推荐em   eg:<em>斜体显示</em>
s和del 文字以加删除线显示,推荐del   eg:<del>删除线</del>
u和ins 文字以加下划线显示,推荐ins   eg:<ins>下划线</ins>

图像标签<img />
没有结束标签
属性:
src:必要属性,图片地址,可以网络地址或本地地址
alt:非必要属性,图片无法正常显示时的替换文本
title:非必要属性,鼠标悬停在图片上方时的图片标题
width:非必要属性,图片宽度,单位是像素
height:非必要属性,图片高度,单位是像素
border:非必要属性,图片边框的宽度,设置数字
eg:<img src="img.jpg" alt="图片替换文本" title="图片标题"/>

相对路径:
1.同一级路径:图像文件位于html文件同一级  eg:<img  src="img.jpg">
2.下一级路径:图像文件位于html文件下一级  eg:<img  src="images/img.jpg">
3.上一级路径:图像文件位于html文件上一级  eg:<img  src="../img.jpg">
绝对路径:
1.网络地址  eg:"D:\web\images\img.jpg"
2.本地文件完整地址  eg:"http://www.whatever.com/images/logo.gif"

链接标签<a></a>
eg:<a href="http://www.baidu.com" target="_blank">文本或图像</a>
herf是必要属性,可以是网络地址也可以是本地页面地址
target="_self"  默认值,当前窗口弹出
target="_blank" 新窗口弹出
1.外部链接:例如<a href="http://www.baidu.com">百度</a>
2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如<a href="index.html">首页</a>
3.空链接:如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接
4.下载链接:如果herf里边地址是一个文件或者压缩包,会下载这个文件
5.网页元素链接:不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接
锚点定位:通过创建锚点链接,用户能够快速定位到目标内容
1.使用相应的id名标注跳转目标的位置。 (找目标)
  <h3 id="two">第2集</h3>
2. 使用<a href="#id名">链接文本</a>创建链接文本(被点击的)
  <a href="#two">

常用特殊字符:
空格符:&nbsp;    eg:<p>文&nbsp;&nbsp;&nbsp;本</p>      显示:文   本
大于号>:&gt;
小于号<:&lt;     eg:<p>这是一个&lt; p &gt;标签</p>      显示:这是一个<p>标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值