HTML4(四)

1. 框架标签

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
	    <meta charset="UTF-8">
	    <title>框架标签</title>
	</head>
	<body>
	    <!-- 利用iframe嵌入一个普通网页 -->
	    <iframe src="https://www.toutiao.com" width="900" height="300" frameborder="0"></iframe>
	
	    <!-- 利用iframe嵌入一个广告网页 -->
	    <iframe width="300" height="250" src="https://pos.baidu.com/xchm?conwid=300&conhei=250&rdid=5841072&dc=3&di=u5841072&s1=2619619085&s2=735691552&dri=1&dis=0&dai=24&ps=2557x1059&enu=encoding&exps=110283,110277,110273,110261,110254,110011&ant=0&psi=ec321235870ce038&dcb=___adblockplus_&dtm=HTML_POST&dvi=0.0&dci=-1&dpt=none&tpr=1675046784135&ti=%E7%BD%91%E6%98%93%E6%96%B0%E9%97%BB&ari=2&ver=0129&dbv=2&drs=4&pcs=1519x763&pss=1519x11348&cfv=0&cpl=5&chi=2&cce=true&cec=UTF-8&tlm=1675046701&prot=2&rw=763&ltu=https%3A%2F%2Fnews.163.com%2F&ecd=1&fpt=TSqlzRKQUoc9+DbwoBg+b3cB10ATMyxUj3wjiV0jemwIVBo7z2ECouhUiVZq9IXN5cuofEzg/QDLSl5smhScYpTN+HQc3+QhnKv3H8MhzCYvAEcKDXAQAxK1FTXUdEd7J70MlzGWjb5DY6rlVbwmYbud1lCLmHxH5enja3K/dBHQzpLvsZCQqnanh/vBkkBTauX5z2jCEQvudlFgU1sHGA2kmnPoF0fHQA756T+sNKjATCqWL62CuVSrPm52Es2xtwueTF6sREr61IdA4wcZwEObe67hCIHPeGk5UX48Fw06RMTjgGDr6oQhyEpAeW3u9Gi0qHTYg8wBI1yoBmmwhuh0MpxtrJcLm0tGY4ODYGriOVhYwo/vU1cGOPrxvZG39yCve9+xcc7sVW4DBkCezA==|2UoaY428DIL/VGPLaRon4l5i5WbAevIWwjj0W0sj4LU=|10|d42cad75cac5486feb0f88674f9a220a&dft=0&uc=1536x834&pis=-1x-1&sr=1536x864&tcn=1675046784&qn=75c4f389da0f062c&ft=1" frameborder="0"></iframe>
	
	    <!-- 利用iframe嵌入其他内容 -->
	    <iframe src="./resource/如何一夜暴富.pdf" frameborder="0"></iframe>
	</body>
</html>

在这里插入图片描述
例2:

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
	    <meta charset="UTF-8">
	    <title>框架标签</title>
	</head>
	<body>
	    <!-- 与超链接的target属性配合使用 -->
	    <a href="https://www.toutiao.com" target="container">点我看新闻</a>
	    <a href="https://www.taobao.com" target="container">点我看淘宝</a><br>
	    <!-- 与表单的target属性配合使用 -->
	    <form action="https://so.toutiao.com/search" target="container">
	        <input type="text" name="keyword">
	        <input type="submit" value="搜索">
	    </form>
	
	    <iframe name="container" frameborder="0" width="900" height="300"></iframe>
	
	</body>
</html>

在这里插入图片描述

2. HTML实体

在这里插入图片描述
在这里插入图片描述

3. HTML全局属性

在这里插入图片描述

4. meta元信息

1、配置字符编码

<meta charset="utf-8">

2、针对IE浏览器的兼容性配置

<meta http-equiv="X-UA-Compatible" content="IE=edge">

3、针对移动端的配置

<meta name="viewport" content="width=device-width, initial-scale=1.0">

4、配置网页关键字

<meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">

5、配置网页描述信息

<meta name="description" content="80字以内的一段话,与网站内容相关">

6、针对搜索引擎爬虫配置

<meta name="robots" content="此处可选值见下表">

在这里插入图片描述
7、配置网页作者

<meta name="author" content="tony">

8、配置网页生成工具

<meta name="generator" content="Visual Studio Code">

9、配置定义网页版权信息

<meta name="copyright" content="2023-2027©版权所有">

10、配置网页自动刷新

<meta http-equiv="refresh" content="10;url=http://www.baidu.com">

相关推荐

  1. <span style='color:red;'>HTML</span>(<span style='color:red;'>4</span>)

    HTML(4)

    2024-05-16 12:22:05      32 阅读
  2. Html_Css问答集(4)

    2024-05-16 12:22:05       32 阅读
  3. HTML5、CSS3面试题(

    2024-05-16 12:22:05       35 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-16 12:22:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-16 12:22:05       100 阅读
  3. 在Django里面运行非项目文件

    2024-05-16 12:22:05       82 阅读
  4. Python语言-面向对象

    2024-05-16 12:22:05       91 阅读

热门阅读

  1. 深度学习知识点总结

    2024-05-16 12:22:05       37 阅读
  2. 7-136 后序和中序构造二叉树

    2024-05-16 12:22:05       30 阅读
  3. 使用Docker配置深度学习环境——以diffusers为例

    2024-05-16 12:22:05       28 阅读
  4. 共享旅游卡,旅行新潮流下的商机探索

    2024-05-16 12:22:05       32 阅读
  5. 旅游卡创业的机会在哪里?

    2024-05-16 12:22:05       32 阅读
  6. 设计模式-单例模式

    2024-05-16 12:22:05       32 阅读
  7. js设计模式: 单例模式

    2024-05-16 12:22:05       28 阅读
  8. PyTorch的基础用法简介

    2024-05-16 12:22:05       32 阅读
  9. Oracle create table 语句转换为 HIVE create table语句

    2024-05-16 12:22:05       30 阅读
  10. 安装Docker

    2024-05-16 12:22:05       30 阅读