HTML教程(8)- 布局标签,内联框架,其他知识点

上一篇
下一篇
博主个人主页
博主视频教程
提取码:be7o

前言

在上一篇中我们学习了HTML中的列表标签 掌握了无序列表 有序列表 和 自定义列表 的使用 最后还有一个小练习 希望你们能够练习一下 那么我们今天主要的就是来说一下HTML中的布局标签使用和内联框架 以及一下其他的小知识点

DIV

这个标签 就是在我们的HTML中经常用来进行布局的一个标签 你们在浏览网站的时候 右键查看源代码的时候可能会发现代码中有很多div这样的标签 都是使用了 div来进行布局 替代以前的table标签 表格一般只是用来展示数据的时候使用 表格而且还不利于SEO优化 所以说一般布局不会去使用表格进行布局 那么这个标签其实具体没有什么效果 但是配合上我们的CSS就很厉害啦 那么在这里我们知识说一下代码怎么写 如何使用 具体的我们会放到CSS篇 会经常的使用

代码

内容

里面可以嵌套很多标签 使用起来非常舒服 在这里我们就先不详细介绍了

iframe

这是HTML中的内联框架 其实还有一个框架 但是那个基本上不用了 所以也没必要在说了 我们就来看一下这个内联框架把 内联框架可以让我们在当前页面中引入另一个页面 到当前页面中显示 还是非常有用的 下面我们看下他的属性列表

属性

HTML教程(8)- 布局标签,内联框架,其他知识点_第1张图片
上面的表格中 罗列出了内联框架的一些常用属性

下面我们来看详细的使用

基本使用



	
		
		
	
	
		  
	

效果

HTML教程(8)- 布局标签,内联框架,其他知识点_第2张图片

这是默认的效果 这样我们就将index2.html的内容引入到我们这个页面的窗口中了

下面我是来使用他的其他属性进行测试


效果

HTML教程(8)- 布局标签,内联框架,其他知识点_第3张图片
我们可以将其边框去掉 看起来更像是一个页面的 融入的比较好

下面我们看其他的使用

  

效果

HTML教程(8)- 布局标签,内联框架,其他知识点_第4张图片
具体的效果 你们可以自己去多试一下 还是挺好用的 下面我们来说一下 name 属性 配合 a标签的使用

我们都知道a标签有一个target属性是规定我们的链接跳转的方式的 其实我们的target还可以指定为我们的内联框架的name 从而使链接到的页面在我们的内联框架中打开 下面我们开代码 刚刚我们设置的name使myFrame 我们就使用这个name去跳转

代码



百度

效果

HTML教程(8)- 布局标签,内联框架,其他知识点_第5张图片
我们一点就会跳转到这里面
注意
当我们的内联框架的狂傲不足以包含具体的内容的时候 就会出现滚动条 我们可以拖动滚动条进行查看 也可以调整具体的宽高 如果我们的超链接在内联框架中 希望点击的时候跳转到父页面 那我们只需要在内联框架的的页面中的超链接中添加一个target="_parent" 属性即可

其他知识点

HTML 字符实体
就是通过一些特殊定义的代码来标识某一个符号

HTML教程(8)- 布局标签,内联框架,其他知识点_第6张图片
颜色值

颜色值由十六进制来表示红、绿、蓝(RGB)
每个颜色的最低值为 0(十六进制为 00),最高值为 255(十六进制为FF)

HTML教程(8)- 布局标签,内联框架,其他知识点_第7张图片
ASCII 字符集

ASCII ,它的全称是"美国信息交换标准代码"。它设计于60年代早期,是计算机和诸如打印机、磁带驱动器之类的硬件设备的标准字符集
ASCII 支持 0-9 的数字,A-Z大写和小写英文字母,以及一些特殊字符
具体可以查看 ascii详细表

Window 快捷键
Window快捷键

结语

那么本篇章就到这里 期待下一篇的来临把!!!

你可能感兴趣的:(html4系列教程)