HTML常用标签

1.标题标签

标题标签共有六级<h1></h1>...<h6></h6>
特点:标题标签的文字会加粗、独占一行、h1到h6字号由大到小        

2.段落标签

<p></p> 分几段写几个p标签	
特点:空行分段 自动换行 段落于段落之间有空隙

3.换行标签

<br/>

4.文本格式化标签(并非独占一行)

加粗<strong></strong>或<b></b> 
倾斜标签<em></em>或<i></i>	
删除线<del></del>或<s></s>
下划线<ins></ins>或<u></u>

5.div和span标签

<div></div> division 一个div独占一行 没有具体含义	大盒子
<span></span> 不独占一行即一行可以有多个 没有具体含义	小盒子

6.图像标签和路径

图像标签<img src="图片URL" alt="图片显示不出来时的替换文本" title="鼠标悬浮提示文本"
	 width="500" height="" border="设置边框粗细"/> 
	注意:
	          ①属性与属性之间空格隔开
        	          ②width和height一般只用一个 另一个会同比例缩放
	          ③属性="属性值"
路径
	(1)相对路径 
		   ①图片位于HTML同一级目录 直接写<img src="baidu.jpg />
		   ②图像位于HTML下一级目录 <img src="images/baidu.jpg />
		   ③ 图像位于HTML上一级目录 <img src="../baidu.jpg /> 上上级目录为<img src="../../baidu.jpg>以此类推
	(2)绝对路径 
		   ①电脑上的以盘符开始的文件路径(迁移性差)
	       ②网络的图片路径

7.超链接标签

<a href="链接目标地址/跳转地址" target="目标窗口弹出方式"></a>	不独占一行
分类:
	①外部链接 <a href="http://www.qq.com" target="_blank">腾讯</a> 
		注意:
		       跳转的窗口 默认值_self 表示当前窗口打开,而_blank表示新窗口打开
	②内部链接 <a href="index.html" target="_blank>首页</a>    href为内部网页的相对地址
	③空链接   <a href="#">公司地址</a>
	④下载链接 地址链接是文件 .exe 或 .zip	<a href="下载文件的相对路径"></a>
	⑤网页元素的链接 作为a标签的内容  <a>网页元素内容 可以是文本图片视频音频</a>
		<a href="http://www.baidu.com"><img src="img.jpg"/></a>
	⑥锚点链接  点击链接 可以快速定位到页面中的某个位置
		<a href="#跳转元素id属性的值">跳转内容</a>
	                <h1 href="元素的id值"></h1>
		注意:
		       id属性值值全局唯一
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值