学习行标签

iframe

iframe 框架
src=“需要显示的页面地址”
height=“设置高度”
width=“设置宽度”

target属性

target 属性：设置标签页的打开方式
_blank 在新标签页打开
_self 默认值，在当前页打开
作用：
1.设置一个超链接
2.设置锚点
最常用的效果是 回到顶部
如果在开发中 需要设置a标签 点击没有效果，
则可以设置href属性为## 既是： href=“##”
如果需要设置回到顶部 则 href=“#”
不要设置 href为空， 这样会导致页面刷新
百度
案例

---

3.下载文件
a.如果设置的下载文件是 音频 视频 文档 图片等，都需要经过压缩之后，再在href上设置文件的路径
b.如果是 文本类型的文件，可以直接把文件路径设置在href属性上，直接由浏览器打开
黄色块
绿色块
回到顶部
点不动
下载文本
下载文件

文字强调/斜体标签/其他标签

strong 强调标签
em 强调并且斜体
b 文本加粗（不常用， h5中即将废弃）
i 文本斜体
var 文本斜体（不常用，h5中即将废弃）
q 标签，引用标签，他引用的内容都比较简短
pre 标签，格式化输出
code 标签，一般是嵌套代码使用
<在html中渲染为<
>在html中渲染为>
  在html中渲染为 空格
img 标签，是一个单标签
src属性：用来设置图片资源路径

文件路径

文件资源路径 分为三种
a.网络路径
图片的网络地址
b.绝对路径
从服务器根目录开始直到找到需要的文件的整个路径
c.相对路径
相对于当前文件所在的资源路径
./ 代表的是当前目录
…/ 代表的是上一级目录
相对路径在开发中最常用

<img src="D:/H5230701/上机代码/01HTML/day2/images/g1.jpg" width="300" height="200" alt="小狗">

<img src="./images/1.PNG" width="300" height="200" alt="x">
<img src="./images/1.PNG" width="300" height="" alt="x">

alt 属性，用来解释图片内容
作用：
1.当图片没有被加载出来的时候，会显示alt的内容
2.通过alt属性，告诉浏览器当前图片的内容
width/height 设置图片的宽和高，在实际的开发当中，一般只设置单个的宽或者 高，另一侧根据比例显示大小

块标签属性和行标签属性

1.块属性标签
a.独自占据一行空间，支持宽和高的设置,设置完宽和高之后，仍然独占一行
b.支持上下padding和上下margin
2.行属性标签
a.不会独自占据一行空间，从左到右横向排列
b.无法设置宽和高，他的宽和高由内容撑开
c.不支持上下padding和上下margin
E 代表标签名

标签的快捷创建

E*n 创建n个E标签

E{内容}*n 创建n个内容为’自挂东南枝’的E标签
E{至关东南枝KaTeX parse error: Expected 'EOF', got '}' at position 1: }̲*n 创建n个内容为 至关东南…表示序号，从1开始

表示的下一个层级元素（子元素）
E>a 在E标签中添加子元素 a 标签

• 表示同级
  E+p 同时创建兄弟元素E和p

^ 表示上一级
E>p^div 创建div 标签和E 标签同级，也就是创建p标签的上一级

使用[] 设置属性

标签嵌套

标签嵌套规则
1.块标签可以作为一个布局标签，嵌套所有的标签
2.行标签不能嵌套块标签

以下标签不能互相嵌套
1.p标签，h1-h6都不能相互嵌套，并且他们也不能嵌套块标签
2.a标签不能相互嵌套

文本对齐方式

text-align:文本排布，一般放在块元素上，一来控制块元素中 行标签 和 文本的对齐位置
值：
left：左对齐（默认）
center：居中对齐
right：右对齐
css层叠式样式表，他是用来给html结构添加样式的
引入方式：
1.行间样式
在标签上，设置style属性，在style中设置样式
2.内部样式表
在head中设置 style 标签， 在标签中设置样式