内联框架
iframe
<a href="" target="hefei">合肥市地图</a><iframe src="https://" name="hefei"></iframe><iframe srcdoc="合肥市" name="hefei"></iframe>
网站后台制作（mini）
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>迷你小后台</title></head><body><div class="header">网络管理后台</div><div class="aside"><a href="domo1.html" target="countent">链接与锚点</a><a href="domo1.html" target="countent">链接与锚点</a><a href="domo1.html" target="countent">链接与锚点</a><a href="domo1.html" target="countent">链接与锚点</a></div><div class="main"><iframe srcdoc="请...." name="countent"></iframe></div>
布局元素
页眉
<header></header><div class="container">侧边栏
<aside></aside>主体
<main><div><section><h1>lalala</h1></section><section><h1>lalala</h1></section></div></main>
- 页脚
<footer></footer>
< > 实体字符 页面中原样显示不会被浏览器解析
<div></div>: 标签:通用容器标签，内部可以放置任何类型元素，当 一个容器类型不定时可以用它<span></span>：通用容器，内部是行内元素/文本/图片/链接/input
css 的学习
语法和基本术语
<header class="page-header"><h1 id="page-tetle" class="title" style="color:blue"></h1>
如果您的 css 样式仅仅用来控制当前页面元素，就用 style 标签写入
<style>术语：规则 选择器，声明块，属性和值选择器：h1声明块：由一对{...}包住的内容规则：选择器+声明块属性和值：写在声明块中的名值对h1{<!-- 样式声明 -->color：green;font-weight:200;}</style>
一个元素的样式来源受四个级别影响：
1.inherited from html 继承于 html，根据元素在文档的结构和层级
2.user agent stylesheet 用户代理样式表 ，代理发出用户的网络请求，默认浏览器
3.demo1.html 用户自定义样式写到<style></style>标签中
4.elenent.style 行内样式，仅适用于当前元素，对其他元素无影响。写到 style 属性
层叠与优先级
1.标签选择器
h1{colot:green;}
2.属性选择器
*:表示所有元素/标签
*[class="title"]{color:red;}h2[class="title"]{color:red;}
不建议用 ID 选择器
3.类选择器
class 简写 .
.title{color:red;}
4.id 选择器
ID 简写#
#page-title{color:red;}
优先级 id->类->标签选择器
！important;(提高优先级)