HTML 框架标签、其他标签、特殊字符

 

目录

一、框架标签

1、< iframe > 标签

2、< frameset > 标签

二、其他常用标签

1、< meta > 标签

2、< base > 标签

3、< link > 标签

4、< b >< u >< i >< s > 标签

5、< sub >< sup > 标签

三、特殊字符


一、框架标签

1、< iframe > 标签

iframe 元素会创建包含另外一个文档的内联框架(即行内框架),常用属性有:

  • src:定义些框架要显示的页面URL
  • name:定义些框架的名称
  • width:定义些框架的宽度
  • height:定义些框架的高度
  • marginwidth:定义插入的页面与框边所保留的宽度
  • marginheight:定义插入的页面与框边所保留的高度
  • frameborder:定义框架的边框,1表示显示边框,0表示不显示
  • scrolling:定义是否允许卷动,YES允许,NO不允许

2、< frameset > 标签

常用属性有:

  • rows:按照行进行划分
  • cols:按照列进行划分
<html>
	<head>
		<title>框架</title>
	</head>
	
	<frameset rows="80,*">	<!--分为上下两部分-->
		<frame name="top" src="a.html"/>
			<frameset cols="200,*">	<!--分为左右两部分-->
				<frame name="bottom" src="b.html"/>	<!--左边的页面-->
				<frame name="img" src="c.html"/>	<!--右边的页面-->
			</frameset>
	</frameset>
</html>
<html>
	<head>
		<title>A</title>
	</head>
	
	<body>
		<h1>A标题</h1>
	</body>
</html>


<html>
	<head>
		<title>B</title>
	</head>
	
	<body>
		<h1>B标题</h1>
			<a href="img1.html" target="img">图片一</a><br/>
			<a href="img2.html" target="img">图片二</a><br/>
			<a href="img3.html" target="img">图片三</a><br/>
	</body>
</html>


<html>
	<head>
		<title>C</title>
	</head>
	
	<body>
		<h1>C标题</h1>
	</body>
</html>

效果如下:

二、其他常用标签

1、< meta > 标签

<meta> 元素可提供有关页面的元信息,在 <head> 标签内使用,比如针对搜索引擎和更新频度的关键词。<meta> 标签位于文档的头部,不包含任何内容,定义了与文档相关联的名称/值对,常用属性有:

  • content:定义与http-equiv或name属性相关的元信息
  • http-equiv:把 content属性关联到http头部
  • name:把 content 属性关联到一个名称

2、< base > 标签

统一设置超链接的打开方式,在 <head> 标签中使用

3、< link > 标签

定义文档与外部资源的关系,最常用的是链接样式表,只能存在于 head 部分,不过可以出现任何次数,常用属性有:

  • type:定义被链接的文档的MIME类型
  • href:定义被链接的文档的URL
  • rel:定义当前文档与被链接文档之间的关系

4、< b >< u >< i >< s > 标签

  • <b> 标签:加粗
  • <u> 标签:下划线
  • <i> 标签:斜体
  • <s> 标签:删除线

5、< sub >< sup > 标签

  • <sub> 标签:下标
  • <sup> 标签:上标
<html>
	<head>
		<title>我的主页</title>
		<meta name="keywords" content="香港当然是中国的,鸿蒙系统">
		<meta http-equiv="refresh" content="3;url=Hello.html"/>	<!--3秒后跳转到hello.html-->
		<base target="_blank"/>	<!--所有新的页面都跳转到新的同一个页面-->
	</head>
	<body>
		<b>加粗</b>
		<u>下划线</u>
		<i>斜体</i>
		<s>删除线</s>
		100<sup>2</sup>	<!--上标-->
		100<sub>2</sub>	<!--下标-->
	</body>
</html>

三、特殊字符

HTML原始码显示结果描述
&nbsp; 不断行的空白符
&lt;<小于号
&gt;>大于号
&reg;

®

已注册
&copy;

©

版权
&quot;"双引号

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ONESTAR博客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值