html复习
html
要写前端的时候，发现html细节忘记得差不多了，今天写一篇回顾的文章加深记忆，也方便以后快速复习。
<!DOCTYPE html> <!--声明为html5文档-->
<html> <!--html元素是 HTML 页面的根元素-->
<head>
<meta charset="utf-8"> <!--可能会出现中文乱码的情况，声明为 UTF-8 或 GBK-->
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<a href="https://www.runoob.com">这是一个链接</a> <!--anchor-->
</body>
</html>
1 html标签
-
标题（Heading）是通过
<h1>-<h6>标签来定义的。- h1最大，h6最小。请确保将 HTML 标题 标签只用于标题。
- 不要仅仅是为了生成粗体或大号的文本而使用标题。
-
段落是通过标签
<p>来定义的。 -
链接是通过标签
<a>来定义的。<a href="https://www.runoob.com">这是一个链接</a> -
图像是通过标签
<img>来定义的。alt 属性用来为图像定义一串预备的可替换的文本。<img loading="lazy" src="/images/logo.png" alt="logo" width="258" height="39" />
-
<br>换行(break)，<hr>水平线(horizontal rule)。- 浏览器会移除html中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。
- 如果使用
<pre>预格式，则可以对空格空行控制。示例
-
文本格式化：
-
链接：
-
target 属性定义被链接的文档在何处显示。下面的这行会在新窗口打开文档：
<a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a> -
href 属性描述了链接的目标。单词之间空格使用 %20代替，以确保浏览器可以正常显示文本。
<a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">发送邮件</a> -
样式：默认情况下，链接将以以下形式出现在浏览器中：
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时，链接显示为红色并带有下划线。
- 注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。
-
图片链接示例。
-
书签示例。href = "#C4"
-
-
<head>：-
<base>定义页面中所有链接默认的基地址。示例 -
<link>定义了文档与外部资源之间的关系。<link rel="stylesheet" type="text/css" href="mystyle.css">
-
<style>定义了样式文件引用地址。也可以直接添加样式来渲染文档。<style type="text/css"> body {background-color:yellow} p {color:blue} </style> -
<meta>提供了元数据.元数据也不显示在页面上，但会被浏览器解析。- META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词）或其他Web服务。
-
<script>加载脚本文件。
-
-
<table>表格：示例 -
列表：
-
元素：
- 块级元素显示时，通常会以新行来开始（和结束）。如
<h1>, <p>, <ul>, <table>，<div>。 - 内联元素显示时通常不会以新行开始。
<b>, <td>, <a>, <img>，<span> <div>元素用来进行文档布局。<span>元素用来组合文档中的行内元素。
- 块级元素显示时，通常会以新行来开始（和结束）。如
-
字符实体。
空格     < < < > > > & & & " " " -
属性class，id，style(行内样式inline style)
-
表单 表单
2 html5
html5教程 ，大概了解，没有细看。
