HTML基础（3）

最新推荐文章于 2024-07-15 09:03:17 发布

山i

最新推荐文章于 2024-07-15 09:03:17 发布

阅读量120

点赞数

分类专栏： HTML基础文章标签： html html5 javascript

本文链接：https://blog.csdn.net/zxcWh/article/details/120284778

版权

1.HTML中的框架

【html中嵌套另一个html文件】

src="URL"---另一个html文件的访问路径

hright 和width 属性----定义iframe标签的高度与宽度。可以使用百分比数字

frameborder 属性用于定义iframe表示是否显示边框。【默认有边框，{0/1 ，yes/no}】

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>ifram</title>
	</head>
	<body>
		<iframe src="E:\wangxing\HBuilderX.code\2021.09.09htmllianxi\jisuanji2.html" width="80%" height="30%"></iframe>
		<h5>src -另一个</h5>
		<h5>height 和width 属性---定义iframe标签的高度与宽度。可以使用百分比数字</h5>
		<h5> frameboder 属性用于定义iframe表示是否显示边框。【默认有边框，{0/1，yes/no}】</h5>
	</body>
</html>

使用iframe来显示链接页面、

用点击<a>标记，切换显示iframe中显示的内容

1.<a>标提供target属性为iframe得name属性值

2.为iframe设置name属性值

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li> <a href="E:\wangxing\HBuilderX.code\2021.09.09htmllianxi\jisuanji2.html">计算器1</a></li>
			<li> <a href="E:\wangxing\HBuilderX.code\2021.09.09htmllianxi\jisuanji2.html">计算器2</a></li>
			<li> <a href="E:\wangxing\HBuilderX.code\2021.09.09htmllianxi\jisuanji2.html">计算器3</a></li>
		</ul>
	</body>
</html>

*点击就可以切换显示内容

2.HTML中的<div>

<div></div>---在html中开辟一块空白表区域，可以包含其他的html元素显示，因此<div>是一个容器元素。

与css结合使用可以制作页面布局

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>div 标记</title>
	</head>
	<body>
		<!DOCTYPE html>
		<html>
		    <head>
		        <meta charset="utf-8">
		        <title>div</title>
		    </head>
		    <body>
		        <div style="width: 500px;height: 400px;background-color: yellow;" >
		            <h4>标题标记</h4>
		            <p>段落标记</p>
		            <img src="imgs/avatar2.png" alt="">
		        </div>
		    </body>
		</html>

	</body>
</html>

3.HTML中的<span>

<span>---没有实际的含义，与css一起可以改变某一端文本内容中的一部分。

例如：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>span</title>
    </head>
    <body>
       <h4>我是<span style="color: red;font-size: 30px;">中国人</span>，
        <span style="color: yellow;font-size: 30px;">黄皮肤</span>，黑头发。</h4>
    </body>
</html>

4.HTML字符实体

字符实体----特殊符号，在html中有一些特殊的符号与文字结合就成一个html标记，在显示的时候这些特殊符号不会显示，而是被解释成一个标记，如果我们需要显示出这个特殊符号就要使用字符实体

显示结果

描述

实体名称

实体编号

最低0.47元/天解锁文章

山i

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML基础（3）

1.HTML中的框架<iframe>--表示一个框架，在html文件中开辟一个区域，可以单独显示另一个html文件【html中嵌套另一个html文件】src="URL"---另一个html文件的访问路径hright 和width 属性----定义iframe标签的高度与宽度。可以使用百分比数字frameborder 属性用于定义iframe表示是否显示边框。【默认有边框，{0/1 ，yes/no}】例如：<!DOCTYPE html><html&
复制链接

扫一扫