HTML学习笔记（持续更新）

本文链接：https://blog.csdn.net/weixin_43977768/article/details/87721704

_

About HTML

HTML是一种超文本标记语言。它通过一套标记标签来描述网页。浏览器读取HTML文档，并将其作为网页显示。它不是编程语言。
HTML文档（最大的标签）由Head、Body两个部分构成。
HTML标签有点类似于Pascal语言中的Begin、End（但不是编程语言，没有程序结构！）。
对网页的描述，几乎全部由标签和其中的属性来完成。它们刻画出了网页的结构。
在这里插入图片描述

_

HTML Basic&Warning

标题框架
请确保将 HTML 标题标签只用于标题。
不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题网页的结构编制索引。
用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
输出警示
对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
  or   ：插入一个空格
不过，连续使用<br/>标签可以在界面上连续显示空行
常用属性
class 属性可以多用 class=" " （引号里面可以填入多个class属性）
id 属性只能单独设置 id=" "（只能填写一个，多个无效）
style 属性规定元素的行内样式（inline style）
title 属性描述额外信息（工具条）
herf/src (=“url”) 表示一个链接
文本格式化
<b></b> or <strong></strong>：加粗文本
<i></i> or <em></em>：斜体文本
<sub></sup> or <sup></sup>：下标、上标
<del></del>：删除字
<ins></ins>：插入字
<pre></pre>：其中的空格和空行可以控制显示
<bdo dir=“rtl”></bdo>：该段落文字从右到左显示
<q></q> or <cite></cite>：标记一个引用
链接
alt 属性规定在图像无法显示时的替代文本
target 属性可以定义被链接的文档在何处显示
    - _blank 在新窗口中打开被链接文档。
    - _self 在相同的框架中打开被链接文档（默认）。
    - _parent 在父框架集中打开被链接文档。
    - _top 在整个窗口中打开被链接文档。
    - framename 在指定的框架中打开被链接文档。
注意：链接图片时，<img>元素必须要放在段落<p></p>里！！！
ID使用示例
<a id=“C4”>章节 4</a>：章节 4
<a href="#C4">查看章节 4</a>：查看章节 4
<a href=“url/#C4”>查看章节 4</a>：从外部链接到章节 4 部分
Head部分
<base href=“url” target="_blank">：设置HTML文档中所有链接的基地址
<meta>标签：
     - <meta charset=“utf-8”> ：使用utf-8编码
     - <meta name=“keywords” content=“HTML, Learn”>
     - <meta name=“author” content=“Zfming”>
     - <meta http-equiv=“refresh” content=“5”> ：每过五秒刷新一次页面
<script> ：加载脚本文件
<link> ：链接到外部样式文件 (e.g.<link rel=“stylesheet” type=“text/css” href=“theme.css”>)
CSS ：(Cascading Style Sheets) 用于渲染HTML元素标签的样式
     - 内联样式：在HTML元素中使用"style" 属性
     - 内部样式表：在HTML文档头部 <head> 区域使用<style> 元素来设置CSS
     - 外部引用：使用外部 CSS 文件
内部样式表的使用方式:


内联样式的使用方式:

外部样式的使用方式:
     <head>
     <link rel=“stylesheet” type=“text/css” href=“name.css”>
     </head>
表格
每个表格从一个 table 标签开始。
标题从 caption 标签开始。
每个表格行从 tr 标签开始。
表头内容从th标签开始。
每个表格的数据从 td 标签开始。
<th colspan=“2”> or <th rowspan=“2”>：占用两个单位（行、列）的表头
框架
<iframe src=“url” name=“iframe_name”> </iframe>
JS脚本
<script>
document.write(“Hello World!”)
</script>
常用按钮：
<script>
function Function()
{
document.write(“Hello World!”);
}
</script>
<button type=“button” οnclick=“Function()”>press</button>
字符实体
使用字符实体显示预留字符：&entity_name;或&#entity_number;
（前者便于记忆，后者兼容性更好）
常用： 空格 << >> ""
™™(商标) ©©(版权) ®®(注册商标)
注意：实体名对大小写敏感