一部分html-CSDN博客

本文链接：https://blog.csdn.net/2302_81293313/article/details/136890414

html是一种超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标记语言（不是编程语言→描述网页）。使用html语言来创建站点，html运行在浏览器上，由浏览器解析。（html=htm）

html文档（web页面）：html标签+文本内容

html标签（小写）：常成对出现，如(开始标签、开放)和（结束标签、闭合）

html元素：一对html标签

html属性：常在开始标签（设置属性→添加附加信息（构成名称/值对）形如：名称=“属性值”【大小写不敏感，一般用小写】）

实例：<a href="http://www.runoob.com">这是一个链接</a>

补充：显示内容：这是一个链接

href超文（Hypertext Reference ）的缩写,常与<a>连用，指定链接的目标地址，加载目标页面（可以是URL,也可以是页面内部的锚点（页面的某部分））

HTML 全局属性 | 菜鸟教程 (runoob.com)

常用属性：

class 定义类名（从文件样式引入）style 定义行title额外信息（工具条使用）定义元素id（页面内链接）

html含许多版本，<!DOCTYPE html>申明版本为html5

<html>为页面的根元素

<head>头部，含文档的元数据(是描述文档的数据，而不是文档本身的内容，提供关于内容、结构、格式、时效性等方面的信息，使文档更容易组织、管理、检索，确保文档的准确性和一致性)常用<mate>标签来定义,常用：title、Author、Descruption，keywords，Charset（字符集编码），Refresh

例如：<mate ChArset="UTF-8">(存在中文：gbk)申明编码，否则乱码，要与文件保存时编码相同

<body>含可见内容

注释<!内容<a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a>>

<h>(heading)标题段落<hr>水平线 换行（如果没有br所有空行和连续的空格都会变成一个空格）（ 和<img>不成对）加粗斜体缩小<big>放大下上<ins>插入<del>删除<per>预格式文本（可以实现换行）

HTML 文本格式化 | 菜鸟教程 (runoob.com)

链接
HTML 链接 | 菜鸟教程 (runoob.com)
<a href="https://www.runoob.com/">访问菜鸟教程</a>

含图片

页面内链接

<a href="#section2">跳转到第二部分</a>
<!-- 在页面中的某个位置 -->
<a name="section2"></a>

映射实例:coord(位置)shape（形状）alt（替换）href（路径）

src（源属性）width（宽度）height（高）

正则表达式

正则表达式是一种文本模式，包括普通字符和特殊字符（元字符，如：$\^\*），用于模式匹配和搜索的工具，灵活，应用于各种编程语言和文本处理工具，如：JavaScript、python、java、per

常见：

普通字符:a

元字符：\d匹配任意数字字符，\w匹配任意数字字母字符，.匹配任意字符除了换行符，

量词：*前面一个模式出现0或多次；+前面一个模式出现1或多次；？前面一个模式出现0或1次（反贪婪）；{n}前面一个字符出现n次；{n，}前面一个模式出现n次及以上；{n,m}前面一个模式至少n次至多m

普通字符类：[abc]a或b或c;[^abc]除了abc

边界字符：/b:匹配单词边界;/B匹配非单词边界^开头$结尾

分组和捕获：（）分组且捕获；（：？）分组但不捕获

特殊：

|：多个模式选择

\:转义，匹配特殊字符本身

. 匹配除除换行符之外的字符（等同于[^\n\r]）

示例：

^表示匹配字符串的开头

[a-z0-9]表示大小写字母数字、下划线、-

{3,15}表示前面的字符集最多少出现3次最多出现15次，即限制了字符长度

$表示字符串的结尾

\d匹配任意数字字符，\w匹配任意数字字母字符，.匹配任意字符除了换行符，

[0-9]数字分开匹配 [0-9]+一起

正则表达式 – 语法 | 菜鸟教程 (runoob.com)