html是一种超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标记语言(不是编程语言→描述网页)。使用html语言来创建站点,html运行在浏览器上,由浏览器解析。(html=htm)
html文档(web页面):html标签+文本内容
html标签(小写):常成对出现,如<b>(开始标签、开放)和</b>(结束标签、闭合)
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)标题<p>段落<hr>水平线<br>换行(如果没有br所有空行和连续的空格都会变成一个空格)(<br>和<img>不成对)<b><strong>加粗<i><em>斜体<small>缩小<big>放大<sub>下<sup>上<ins>插入<del>删除<per>预格式文本(可以实现换行)
HTML 文本格式化 | 菜鸟教程 (runoob.com)
链接 HTML 链接 | 菜鸟教程 (runoob.com) <a href="https://www.runoob.com/">访问菜鸟教程</a>
含图片
<a href="https://www.example.com">
<img src="example.jpg" alt="示例图片">
</a>
页面内链接
<a href="#section2">跳转到第二部分</a> <!-- 在页面中的某个位置 --> <a name="section2"></a>
映射实例:coord(位置)shape(形状)alt(替换)href(路径)
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
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]+一起