<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!--此处的设置最大宽度就是1，也就是整个网页的宽度，用户不能调节大小--><img src="图片url地址" style="max-width:100%;"/><!--设置图片的最大宽度只能为浏览器的宽度，这样就避免了随意放大图片-->
<picture>
<source media="(min-width:700px)" srcset="图像1的url地址">
<source media="(min-width:500px)" srcset="图像2的url地址">
<img src="图像3的url地址" style="width:auto;">
</picture>
<!--通过设置图片的最小宽度，当试着调节浏览器宽度的时候，就会显示不同的图片-->
1vw=1%
<h1 style="font-size:10vw">文字</h1>
<style>.fuck-left {float:left;width:20%;height:80px;background:#d98062;}.fuck-middle {float:left;width:60%;height:80px;background:#d4db54;}.fuck-right {float:left;width:20%;height:80px;background:#46acb6;}@media screen and (max-width: 800px) {.fuck-left, .fuck-middle, .fuck-right {width: 100%; /* The width is 100%, when the viewport is 800px or smaller */}}
</style><div class="fuck-left"></div>
<div class="fuck-middle"></div>
<div class="fuck-right"></div><!--当浏览器的宽度短于800px的时候，此时里面的三个div就呈竖直分布-->
<iframe src="框架内网页的url地址" width="100%" height="250"></iframe><iframe src="框架内网页的url地址" style="border:1px solid LightGray;"></iframe><!--设置框架边框--><iframe src="" name="iframe_name"
style="width:100%;height:250px;border:1px solid LightGray;">
</iframe><a href="" target="iframe_name">
点击我，跳转到沙盒首页去
</a>background特性或background-color特性都可以设置背景色。）<div style="background-color:LightGray;">
地镇高岗，一派西山千古秀；
</div><div style="background:LightBlue;">
门朝大海，三河合水万年河。
</div>background特性或background-image特性都可以设置元素的背景图片。）background:url('背景图片的url地址');background-image:url('背景图片的url地址');background-repeat特性设置成no-repeat即可）background-image:url('背景图片的url地址');
background-repeat:no-repeat;<script>这个标签包住<script>
document.write("专否，干翻砖家！");
</script><p id="demo">砖家牛b，独霸天下</p>
<button onclick="ganfan();">点我</button><script>
function ganfan(){ElementById("demo").innerHTML = "专否，干翻砖家！";
}
</script><title>、<style>、<meta>、<link>、<script>以及<base>。<title>元素是用来定义文档的标题，在所有的HTML/XHTML文档中这都是必要的。 <title>元素： * 定义的标题会显示在浏览器的选项卡上 * 该页面被搜索引擎收录后，搜索引擎显示结果中的页面名称也就是来源title元素的内容 * 文档的标题即该页面被用户收藏在收藏夹中显示的名称<!DOCTYPE html>
<html><head><title>页面标题</title>
</head><body>
该网页文档的具体内容 bla bla bla ...
</body></html><style>元素是用来定义具体的CSS样式表的。这里大致理解即可，具体在CSS教程中会学到。<style>p {color:Tomato;}</style><link>元素是用来定义外部CSS样式表，href属性即外部CSS样式表的链接地址。<link rel="stylesheet" href="/static/css/bootstrap.min.css"><meta>元素被用于定义元数据信息的，该元素是不会显示在页面内容里，其主要是在进行一种信息的声明。声明页面的描述、关键词、文档作者、文档主要语言以及其他元数据。浏览器、搜索引擎等程序会获取meta元素以进行进一步操作。<meta charset="UTF-8"><!--meta声明文档编码格式为UTF-8格式-->
<meta name="description" content="学习魔教功法"><!--声明对网页内容的描述-->
<meta name="keywords" content="葵花宝典,吸星大法,化功大法,九阴白骨爪"><!--声明网页的关键词，方便搜索引擎索引-->
<meta name="author" content="BKL"><!--声明网页的作者-->
<meta http-equiv="refresh" content="30"><!--声明文档30秒刷新一次--> <meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no"><head>标签里可以直接通过script元素来放js脚本，但是更多情况是用script元素来引入外部js脚本。<base href="/" target="_blank">（假期闲着没事复习一下以前学过的内容，不然忘掉了）
本文发布于:2024-02-02 20:47:13，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170687803446351.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
