0
点赞
收藏
分享

微信扫一扫

常用标签

王传学 2023-10-20 阅读 17

4 · 2 标 题 标 签 <hl> · <h6> ( 重 要 ) 
为 了 使 网 页 更 具 有 语 义 化 , 我 们 经 常 会 在 页 面 中 用 到 标 题 际 签 · HTML*R 供 了 6 价 等 级 的 网 页 标 题 , 
<hl> 我 是 一 级 标 题 </hl> 
单 词 head 的 缩 写 , 意 为 头 部 、 析 · 
标 签 语 义 : 作 为 标 题 明 。 并 目 依 据 要 性 递 减 · 
特 点 
1 . 加 了 标 题 的 文 字 会 变 引 川 粗 , 字 号 也 会 欠 变 大 · 
2 . 一 个 标 题 独 占 一 行 ·

 

9 
11 
<meta name="viewport" conte 
<meta http-equiv="X-UA-Comp 
<tit1e>Document</tit1e> 
</head> 
•odys 
</hl> 
</h4> 
</h6> 
-pinkZYib 
</html> 
Document 
—pink*'"

 

4 . 3 段 落 和 换 行 标 签 ( 重 要 ) 
在 网 页 中 , 要 吧 文 字 有 条 理 地 显 示 出 来 , 就 需 要 将 这 些 文 字 分 殿 显 示 · 在 HTMLbi 签 中 , < p > 标 签 用 于 定 义 段 
落 , 它 可 以 将 整 个 网 页 分 为 若 干 个 落 · 
<P> 我 是 一 个 段 落 标 签 </P> 
单 词 paragraph 卩 p 祀 r 四 r 祀 月 的 缩 与 , 意 为 段 落 · 
标 签 语 义 : 可 以 吧 HTML 文 档 分 割 为 若 干 段 落 · 
特 点 , 
1. 文 本 在 一 一 个 段 落 中 : 刽 濑 览 器 窗 囗 的 大 然 自 却 行 · 
2 . 段 落 和 段 落 之 司 保 有 ·

 

43 段 落 和 换 行 标 签 ( 重 要 ) 
在 HTML 中 , 一 个 段 落 中 的 文 字 会 从 左 佑 欠 排 列 , 直 劂 览 器 窗 囗 的 右 端 , 然 后 才 自 训 奂 行 · 如 果 希 望 
某 段 文 不 强 制 换 行 显 示 , 就 需 要 使 用 换 行 析 <br/>. 
单 词 break 的 缩写 , 意 为 打 断 、 换 行 · 
标 签 义 : 强 制 换 行 · 
特 点 : 
1 . <br/> 是 个 单 标 签 · 
2 . <br/> 标 签 只 是 简 单 地 开 始 新 的 一 一 行 , 跟 落 不 一 样 , 段 落 之 司 会 届 入 一 些 垂 直 的 司 距 ·

 

4 . 4 文 本 格 式 化 标 签 
在 网 页 中 , 有 时 需 要 为 文 字 设 粗 体 、 或 上 等 效 果 , 议 时 就 需 要 用 到 HTML 中 的 文 本 格 式 化 标 签 , 使 
文 字 以 特 殊 的 方 式 显 甙 
标 签 义 : 突 出 重 要 性 , 比 普 通 文 字 更 重 要 . 
语 义 
加 粗 
倾 斜 
除 线 
下 划 线 
标 签 
<strong></strong> <b></b> 
<del></del> 或 者 <S></S> 
<lnS></lnS> 
说 明 
更 惟 荐 使 用 < st ro ng> 标 签 加 粗 语 义 更 强 烈 
更 准 荐 使 用 < e m> 标 签 加 粗 义 更 强 烈 
更 准 荐 使 用 < del> 标 签 加 粗 语 义 更 强 烈 
更 准 荐 使 用 < 》 ns > 标 签 加 粗 语 义 更 强 烈 
同 学 们 生 点 记 亻 主 加 粗 和 。

 

4 . 5 <p> 和 <span> 标 签 
<p> 和 <span> 是 没 有 浯 义 的 , 它 们 就 是 一 一 . 个 鑫 子 , 用 卉 内 容 的 · 
<p> 这 是 头 部 </p> 
<span> 今 日 价 格 </span> 
div 是 division 的 缩与 , 表 示 分 割 、 分 区 · span 意 为 跨 度 、 跨 距 · 
特 点 
1 . <p> 标 签 用 来 布 局 , 但 是 现 在 一 一 行 只 能 放 一 一 个 < div > · 大 盒 子 
2 , <span> 标 签 用 来 布 局 , 一 行 上 可 以 多 个 < span > · 小 盒 子

 

我 臮 
人 独 占 一 行

 

 

4 · 6 图 像 标 签 和 路 径 ( 重 点 ) 
1 . 图 像 标 签 
在 HTML 标 签 中 , < img > 标 签 用 于 定 义 HTM [ 页 面 中 的 图 像 · 
<img src="2 像 URL" / > 
单 词 image 的 缩写 , 意 为 图 像 · 
src 是 <img > 标 签 的 必 须 寓 性 , 它 用 于 指 定 图 像 文 僻 的 路 径 和 文 件 名 ·

 

1 . 图 像 标 签 
图 像 标 签 的 具 他 属 性 . 
属 性 
alt 
title 
width 
height 
border 
属 性 喳 
图 片 路 径 
文 本 
像 累 
像 累 
像 素 
必 须 厲 性 
替 换 文 本 · 图 像 不 能 显 示 的 文 字 
提 示 文 本 · 鼠 标 放 到 图 像 上 , 显 示 的 文 字 
设 置 图 像 的 宽 度 
设 图 像 的 高 度 
设 置 图 像 的 边 框 粗 细

 

图 像 际 签 属 性 注 意 点 
. 图 像 标 签 可 以 拥 有 多 个 属 性 , 必 须 写 在 标 签 名 的 后 面 。 
@ 属 性 之 间 不 分 先 后 顺 序 , 标 签 名 与 属 性 、 属 性 与 属 性 之 间 均 崆 格 分 开 · 
. 属 性 采 取 譴 值 对 的 格 式 , 即 key= "value" 的 格 式 , 属 性 = “ 属 性 值 "

 

4 · 8 图 像 标 签 和 路 径 ( 重 点 ) 
2 . 路 径 ( 前 期 讕 垫 知 识 ) 
( 1 ) 目 录 文 件 夹 和 根 目 录 : 
实 际 工 亻 乍 中 , 门 的 文 件 不 能 随 亻 放 , 否 则 用 起 来 很 难 恻 束 的 找 到 他 们 , 因 此 我 们 需 要 一 一 个 文 件 夹 来 管 理 他 们 · 
目 最 文 件 夹 : 就 是 普 通 文 亻 牛 夹 , 里 面 只 不 过 存 放 了 我 们 做 页 面 所 需 要 的 相 关 素 材 , 比 如 htm12 件 、 图 片 等 · 
根 目 录 : 打 开 目 录 文 件 夹 的 第 一 一 层 就 是 根 目 录

 

( 2 ) VS ( 。 de 打 开 目 录 文 件 夹 
文 件 “ “ 打 开 文 件 夹 . 选 择 目 录 文 件 夹 . 后 期 非 常 方 便 管 理 文 亻 牛

 

2 . 路 径 之 相 对 路 径 
相 对 路 径 : 以 引 用 文 件 所 在 位 置 为 参 考 基 础 而 建 亚 出 的 目 录 路 径 。 
这 里 简 单 来 说 , 图 片 相 对 于 HTM [ 页 面 的 位 置 
如 <img src="baidu.gif" / > 
相 对 路 径 分 类 
同 一 级 路 径 
下 一 级 路 径 
上 一 级 路 径 
符 号 
说 明 
图 像 文 件 位 于 HTM L 文 件 同 一 级 
图 像 文 件 位 于 HTM L 文 件 下 一 级 
图 像 文 件 位 于 HTM L 文 件 上 一 级 
如 <img src="images/baidu.gif"/>. 
如 <imgsrc=". 丿 baidu.gif" / > ·

 

相 对 路 径 是 从 代 码 所 在 的 这 个 文 件 出 发 , 去 寻 找 目 标 文 亻 3, 而 我 有 里 而 兑 的 上 一 级 、 下 一 级 和 同 一 级 就 是 
图 片 相 对 于 HTM [ 页 面 的 位 置 。

 

常用标签_html_03

 

</head> 
< bodY> 
<img 
'img src="http://www.itcast.cn/2e18czgw/images/10go.png" 
1 
</html>

 

 

 

4 · 7 超 链 接 标 签 ( 重 点 ) 
1 . 链 接 的 语 法 格 式 
 文 本 或 图 像  
单 词 anchor 卩 田 刂 k r 月 的 缩 写 , 意 为 : 锚 · 
两 个 属 性 的 作 用 如 下 : 
属 性 
href 
target 
作 用 
用 于 指 定 链 接 目 标 的 url 地 址 , ( 必 须 属 性 ) 当 为 标 签 应 用 href 属 性 时 , 它 就 具 有 了 超 链 接 的 功 能 
用 于 指 定 链 接 页 面 的 打 开 方 式 , 具 中 一 se 《 f 为 默 认 值 , _blank 为 在 新 窗 囗 中 打 开 方 式 ·

 

4 · 9 超 链 接 标 签 ( 重 点 ) 
2 . 链 接 分 类 . 
外 部 钅 连 1 妾 : 例 如 < a href="http://www.baidu.com/> 百 度 < / a > 。 
1 . 
内 部 链 接 : 网 站 内 部 页 面 之 间 的 相 互 链 接 . 直 接 链 接 内 部 页 面 名 称 闞 可 , 例 如 <a rel= 首 页 。 2 . 3 . 仝 链 接 : 如 果 当 时 没 有 确 定 链 接 目 标 时 , 首 页 · 4 . 下 载 链 接 : 如 果 href 里 面 地 址 是 一 一 个 文 件 或 者 压 缩 包 , 会 下 鞔 玄 个 文 件 · 5. 网 页 元 素 链 接 : 在 网 页 中 的 各 种 网 页 元 素 , 如 文 本 、 图 像 、 表 格 、 音 频 、 视 颜 阝 可 以 忝 加 超 链 接 . 6 . 锚 点 链 接 : 点 我 们 点 击 链 接 , 可 以 快 速 定 位 到 页 面 中 的 某 个 亻 立 置 . 在 遴 接 文 不 的 href 属 性 中 , 设 首 属 性 值 为 # 名 字 的 形 式 , 如 第 2 集 < / a > · 找 到 目 标 位 置 标 签 , 里 面 添 加 一 个 id 属 性 : 刚 才 的 名 字 , 如 :

" title="4 · 9 超 链 接 标 签 ( 重 点 ) 2 . 链 接 分 类 . 外 部 钅 连 1 妾 : 例 如 < a href="http://www.baidu.com/> 百 度 < / a > 。 1 . 内 部 链 接 : 网 站 内 部 页 面 之 间 的 相 互 链 接 . 直 接 链 接 内 部 页 面 名 称 闞 可 , 例 如 首 页 。 2 . 3 . 仝 链 接 : 如 果 当 时 没 有 确 定 链 接 目 标 时 , 首 页 · 4 . 下 载 链 接 : 如 果 href 里 面 地 址 是 一 一 个 文 件 或 者 压 缩 包 , 会 下 鞔 玄 个 文 件 · 5. 网 页 元 素 链 接 : 在 网 页 中 的 各 种 网 页 元 素 , 如 文 本 、 图 像 、 表 格 、 音 频 、 视 颜 阝 可 以 忝 加 超 链 接 . 6 . 锚 点 链 接 : 点 我 们 点 击 链 接 , 可 以 快 速 定 位 到 页 面 中 的 某 个 亻 立 置 . 在 遴 接 文 不 的 href 属 性 中 , 设 首 属 性 值 为 # 名 字 的 形 式 , 如 第 2 集 < / a > · 找 到 目 标 位 置 标 签 , 里 面 添 加 一 个 id 属 性 : 刚 才 的 名 字 , 如 :

" style="visibility: visible; width: 570px;" data-type="block">

 

5 · 1 注 释 
如 果 需 要 在 HTML 文 档 中 添 加 一 些 便 于 阅 渎 栅 里 解 但 又 不 需 要 显 示 在 页 面 中 的 汪 释 文 字 , 就 需 要 使 明 氵 王 營 示 签 · 
HTML 中 的 注 释 以 “ < ! 一 " 开 头 , 以 “ “ > " 结 束 · 
快 捷 键 : ctrl + / 
一 句 话 : 注 释 标 签 里 面 的 内 容 是 给 程 序 猿 看 的 , 这 个 代 码 是 不 执 行 不 显 示 到 页 面 中 的 . 
添 加 汪 释 是 为 了 更 好 释 代 码 的 功 能 , 便 相 关 开 发 人 员 和 阅 读 代 码 , 程 序 是 不 刽 丸 行 氵 王 释 内 容 的 。

 

5 . 2 特 殊 字 符 
在 HTML 页 面 中 , . 一 些 特 殊 的 符 号 很 难 或 者 不 方 便 妾 使 用 “ 此 时 我 们 就 可 以 使 用 下 面 的 孳 符 来 替 代 · 
字 符 的 代 码 
特 殊 字 符 
描 述 
&nbsp, 
仝 格 符 
小 于 号 
&lt: 
&gt: 
大 于 号 
和 号 
&amp. 
人 民 币 
版 权 
注 册 商 标 
&deg, 
摄 弋 度 
正 负 号 
&plusmn; 
&times 
乘 号 
&divide• 
&sup2; 
平 方 2 〈 上 标 2 ) 
&sup3; 
立 方 3 ( 上 标 3 )

 

举报

相关推荐

Html常用标签

HTML -- 常用标签

html常用标签

常用文本标签

CSS常用标签

HTML 常用标签

《HTML常用标签》

0 条评论