3、HTML非表单标签(二)

文本格式化标签:

文本格式化标签主要针对HTML页面上的文本内容做相应的修饰及标识。如:粗体、斜体、下划线、删除线。
文本格式化标签主要分为两组方式,都是属于双标签。
第一组方式:只有使用,无强调的意思
	粗体: <b> 内容 </b>
	斜体: <i> 内容 </i>
	删除线: <s> 内容 </s>
	下划线: <u> 内容 </u>
	<b> 我是加粗的文字 </b>
	<i> 我是倾斜的文字 </i>
	<s> 我是加删除线的文字 </s>
	<u> 我是加下划线的文字 </u>
第二组方式:语义更强烈,XHTML中推荐使用
粗体: <strong> 内容 </strong>
斜体: <em> 内容 </em>
删除线: <del> 内容 </del>
下划线: <ins> 内容 </ins>
	<strong> 我是加粗的文字 </strong>
	<em> 我是倾斜的文字 </em>
	<del> 我是加删除线的文字 </del>
	<ins> 我是加下划线的文字 </ins>

图像标签:

图像标签用作与HTML页面中针对图片展示的标签。
特点:
	1、属于单标签
	2、属于行内块元素:可在一行显示,可设置宽高,结合行内元素和块级元素的优点
格式:
	<img 属性1=“属性值1” 属性2=“属性值2”.../>
	常用属性:
		src : 图像的路径(URL)
		alt : 图像未正常显示时,展示的文本内容
		title : 鼠标悬停在图片上显示的文本提示内容
		width : 图像的宽度
		height : 图像的高度
		border : 图像边框的宽度
	<img src="/xx/yy/zz.jpg" alt="图片加载失败" title="这是图片zz" width=100px height=100px border=2/>

链接标签:

链接标签指作用在HTML页面上的跳转。
特点:
	1、属于双标签
	2、标签中的内容通常可以为文本或者图像
	3、默认文本有下划线、未点击和点击后颜色有变化,可通过样式进行修改
	4、属于行内元素:显示在一行,宽高根据内容而决定,一般不可设置宽高
格式:
	<a 属性1=“属性值1” 属性2=“属性值2”> 文本内容/img图像标签 </a>
	常用属性:
		href : 指定链接目标的URL地址
		target : 指定链接页面打开方式,self(默认):在本窗口打开   blank:在新的窗口打开
链接标签主要分为:超链接 和 锚点链接两个功能。
超链接:是指由一个页面地址跳转到另一个页面地址。
	<a href="./xx.html" target="self"> 跳转到xx页面 </a>			//文字超链接
	<a href="./xx.html" target="self">							//图像超链接
		<img src="./yy.jpg"/>
	</a>
锚点链接:是指在同一个HTML页面,跳转到对应的元素。
	<a href="#dv"> 跳转到xx页面 </a>			//文字超链接
	<a href="#dv">							//图像超链接
		<img src="./yy.jpg"/>
	</a>

	<div id="dv"> 这是一个div标签 </div>

页面整体链接设置标签:

页面整体链接设置标签将设置整个HTML页面的链接默认以什么方式进行打开。
特点:
	1、属于单标签
	2、该标签嵌入在head标签之间,而非body标签之间
	2、一旦在页面中设置该标签的属性,该页面默认将以设置的方式进行打开链接
格式:
	<base 属性1=“属性值1”/>
	常用属性:
		target : 默认self(在本窗口打开链接),blank在新窗口打开链接
	<head>
		<base target="self"/>
	</head>
	<body>
		<a href="www.baidu.com"> 查看链接打开方式 </a>
	</body>

注释标签:

注释标签是用作在HTML页面中增加注释,便于开发人员理解。
特点:
	1、不渲染到HTML页面上
	2、以 (<!-- )开头,以( -->)结尾
格式:
	<!-- 需要注释的内容 -->
	<!-- <p> 这是第一个p标签 </p> -->		//使用注释标签后,页面将不再显示该内容
	<!-- 这是单纯的文本 -->					//使用注释标签后,页面将不再显示该内容
	<p> 这是第二个p标签 </p>				
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值