Html知识点整理

最新推荐文章于 2022-03-14 20:33:36 发布

^@Hu@^

最新推荐文章于 2022-03-14 20:33:36 发布

阅读量191

点赞数

分类专栏：前端 html 文章标签：前端网页 html

本文链接：https://blog.csdn.net/qq_32530561/article/details/99843248

版权

前端同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

简介

Html指的是> 超文本链接语言(Hypr Text Markup Language),它是一种标记语言，标记语言是一套标记标签,使用标签标记来描述网页

浏览器不会显示HTML标签，而是使用标签解释页面内容

<Html></Html>之间的文本描述网页

HTML元素

元素

Html元素是指从开始标签到结束标签的所有代码

元素语法

Html标签是以开始标签起始
Html元素以结束标签终止
元素的内容是指开始标签与结束标签之间的内容
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数Html标签可拥有属性

忘记使用结束标签，浏览器中也可以解释，但不提倡这种做法

在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭

HTML标签对大小写不敏感，万维网联盟在Html4中推荐使用小写，在未来XML中强制使用小写

HTML属性

Html标签可以拥有属性，总是以键值对出现，如：name="value",在开始标签中定义

Html提示：属性和属性值对大小写不敏感，推荐使用小写，未来要求使用小写

输出提示：当显示页面时，浏览器将移除源代码中的多余的空格和空行，所有连续的空格和空行都会被算作一个空格。

Style属性

作用：提供了改变所有Html元素的样式的通用方法。

废弃的标签：

<center> 定义居中的内容
<font><basefont>定义Html字体
<s><strike>定义删除线文本
<u>定义下划线文本

废弃的属性

align 定义文本的对齐方式
bgcolor 定义背景颜色
color 定义文本颜色

Html文本格式化

格式化标签

<b> 定义粗体文字
<big> 定义大号字
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
<s> 不赞成使用，使用del代替
<strike> 不赞成使用，使用del代替
<u> 不赞成使用，使用样式代替

计算器输出标签

<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<tt> 定义打字机代码
<var> 定义变量
<pre> 定义预格式文本
<listing> 不赞成使用，使用pre代替
<plaintext> 不赞成使用，使用pre代替
<xmp> 不赞成使用，使用pre代替

引用和术语定义

<abbr> 定义缩写
<acronym> 定义首字母缩写
<address> 定义地址，通常以斜体展示
<bdo> 定义文字方向
<blockquote> 定义长引用
<q> 定义短引用
<cite> 定义引用、引证,著作标题
<dfn> 定义一个文本提示语

软件程序标签

各种 HTML 软件程序也能够生成 HTML 注释。
例如 <!--webbot bot--> 标签会被包围在由 FrontPage 和Expression Web 创建的 HTML 注释中。
作为一项规则，这些标签的存在，有助于对创建这些标签的软件的支持。

使用样式方式

外部样式表

<link rel="stylesheet" type="text/css" href="mystyle.css">

内部样式表

<style type="text/css">
    body {background-color: red}
    p{margin-left: 20px}
</style>

内联样式

<p style="color: red; margin-left: 20px">
    This is a paragraph
</p>

Html链接

通过a标签在html中创建链接,有两种方式

通过使用href属性-创建指向另一个文档的链接
通过使用name属性-创建文档内的书签

target属性

设置窗口打开方式

name属性

锚的名称

注意事项

始终将正斜杠添加到子文件夹，也就是路径末尾，不加会产生两次网络请求，因为服务器会先添加正斜杠然后再请求
命名锚经常用于在大型文档开始位置上创建目录。
如果浏览器找不到已定义的命名锚，会定位到文档顶端，不会有错误发生

Html图像

提示

假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以我们的建议是：慎用图片。

Html表格

提示
当单元格为空时，边框在浏览器中并不会显示出来，为了避免这种情况，在单元格内添加一个空格占位符。

html框架

提示

使用框架，开发人员必须同时跟踪更多的html文档
使用框架，很难打印整张页面
body标签不能和frameset标签同时使用

Html北京

提示

背景图像是否增加了页面的加载时间，不应超过10K
背景图像是否与页面中的其他图像搭配良好
背景图像是否与页面中的文字颜色搭配良好
图像在页面中平铺后，看上去可以吗
对文字的注意力被背景图像喧宾夺主了吗？
应使用css定义元素布局和显示属性

Html Script元素

既可包含脚本语句，也可通过src属性指向外部文件
必须type属性规定脚本的MIME属性
浏览器禁用脚本或者不支持客户端脚本时执行noscript脚本内容
将脚本隐藏在注释标签中避免老式浏览器，

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

Html路径

使用相对路径是个好习惯，网页不会与基准URl进行绑定

Html 头部

head标签

所有头部元素的容器

title

定义浏览器工具栏中的标题
提供页面添加到收藏夹时显示的标题
显示在引擎结果中的页面标题

base元素

为页面上所有链接规定默认地址或默认目标

link元素

定义文档与外部资源之间的关系，常用于连接样式表

style元素

为文档定义样式信息

meta元素

提供关于html文档的元数据，不会显示在页面上，对于机器可读
规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据

srcipt元素

定义客户端脚本

Html字符实体

某些字符是预留的，要想正确显示预留字符，需要使用字符实体

提示

使用实体名的好处是名称易于记忆，坏处是浏览器并不支持所有实体名称，对实体数字的支持却很好

统一资源定位器 URL

语法规则

scheme：//host.domain:port/path/filename

scheme-定义因特网服务的类型。最常见为http
host-定义域主机（http的默认主机是www）
domain-定义因特网域名
:port-定义主机上的端口号
path-定义服务器上的路径
fileName-定义文档/资源的名称

Html URL字符编码

URL只能使用ASCLL字符集来通过因特网进行发送
ASCLL字符集之外的字符，必须转换为ASCLL字符
使用%气候跟随两位十六进制数来替换非ASCLL字符
URL不能包含空格，通常使用+来替换空格

Html颜色

提示仅有16种颜色被W3C的html4.0标准所支持，aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow

Html <!DOCTYPE>

<!DOCTYPE>为浏览器提供一项信息，及Html是用什么版本编写的

常用声明

Html5 <!DOCTYPE html>
html 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

标签整理

<Html>定义Html文档
<div>定义文档的主体
<h1>定义标题
<hr>定义水平线
<!-->定义注释，偶尔会有条件注释，不常用
<p>定义段落
<br/>插入单个折行
<style>定义样式定义
<link>定义资源引用
<div>定义文档中的节或区域(块级)
<span/>定义文档中的行内小块或元素
<font/>规定文本的字体、尺寸、颜色，不赞成使用
<basefont>定义基准字体。不推荐使用
<center>对文本进行居中。不推荐使用
<a>超链接
<img>图像
<map>定义图像地图
<area>定义图像地图中的可点击区域
<table>定义表格
<caption>定义表格标题
<th>定义表格的表头
<tr>定义表格的行
<td>定义表格单元
<thead>定义表格的页眉
<thbody>定义表格的主题
<tfoot>定义表格的页脚
<col>定义用于表格列的属性
<colgroup>定义表格列的组
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
<dl>定义列表
<dt>定义列表项目
<dd>定义描述
<dir>已废弃，使用ul代替
<menu>已废弃，使用ul代替
<div>定义文档中的分区或节
<span>组合文件中的行内元素
<iframe>组合内联的子窗口
<script>定义客户端脚本
<noscript>为不支持客户端脚本的浏览器定义替代内容
<head>定义关于文档的信息
<title>定义文档标题
<base>定义页面上所有链接的默认地址或默认目标
<meta>定义关于html文档的元数据

^@Hu@^

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html知识点整理

简介Html指的是> 超文本链接语言(Hypr Text Markup Language),它是一种标记语言，标记语言是一套标记标签,使用标签标记来描述网页浏览器不会显示HTML标签，而是使用标签解释页面内容<Html></Html>之间的文本描述网页HTML元素元素Html元素是指从开始标签到结束标签的所有代码元素语法Html标签是...
复制链接

扫一扫