html页面如何写function html怎么写

转载

代码匠人之心 2024-06-04 12:36:49

文章标签 html页面如何写function 前端 html5 html HTML 文章分类 运维

HTML全称hyper text markup language，超文本标记语言。是构建页面的标记，用于承载网站的内容。

一、HTML语句规则

二、HTML基础元素

三、HTML功能元素

一、HTML语句规则

1. 文档结构

<html></html>	包含整个文档的内容，lang属性是告诉浏览器文档语言，en英文，ch中文
<head></head>	标签和它里面的标签，描述用的标签，链接样式表等
<title></title>	文档标题
<body></body>	标签内页面的主体内容，显示给用户的内容

2. 标签书写

（1）标签名使用小写；

（2）双标签成对出现；

（3）标签在 html5 规范中可以省略`/`。

3. 属性书写

标记和属性用空格隔开，属性与属性值用`=`连接，属性值写在双引号内，等号两侧不空格。属性名用小写，一个标记可以没有属性也可以有多个不同属性，属性之间不分先后顺序。

4. 文件加载

浏览器有专门的 html 解析器，浏览器是自上而下解析的，顺序加载整个页面的标签。

5. 标签嵌套

块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素。有几个特殊的块级元素，内部只能包含内联元素，不能再包含块级元素如 h1-h6 标题。

<div></div>	块级元素，自占一行
<p></p>	块级元素，自占一行
<span></span>	内联元素，不自占一行
<i></i>	内联元素，不自占一行

5. HTML常用字符实体

html页面如何写function html怎么写_HTML

二、HTML基础元素

1. 标题标签（h1-h6）

该标签用于书写标题，属于块级元素，在浏览器中自占一行。共有六个：
<h1>⼀级标题</h1>
<h2>⼆级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

2. 段落标签（<p> </p>）

用于书写段落或大段文字，属于块级元素，在浏览器中自占一行。

3. 换行标签（<br />）

该标签为单标签，属于块级元素,自占一行。多用于段落中的换行，但一般不用于布局。

4. 预格式化标签（<pre> </pre>）

定义预格式化的文本，浏览器会完整保留源文件中的格式，包括各种空格、缩进以及其他特殊格式，属于块级元素，在浏览器中自占一行的标签。
预格式化标签可以在在页面中显示标签，则需要搭配实体符号解决。

5. 格式化⽂本标记

<b>粗体</b>
<i>斜体</i>
<u>下划线</u>
<del>删除线 </del>
<sup>上标</sup>
<sub>下标</sub>
<strong>着重⽂字，与 b 效果相同</strong>
<em>加重语⽓，与 i 效果相同</em>
<mark>⾼亮显示⽂本</mark>

6. 按钮标签（<button> </button>）

普通的按钮标签，不具备任何功能，可以自主赋予功能具有自己的样式，可以自定义修改，按钮标签是特殊的内联元素，可以设置宽度高度，不自占一行。

7. 分区元素

div 标签：为块级元素，自身没有任何样式。经常作为容器和分区域的包裹标签使用，在布局中应用广泛。
span 标签：为内联元素，自身没有任何样式，常作为容器使用，用于包裹特殊的文字和图标。

8. 全局属性

全局属性是所有 HTML 元素共有的属性。它们可以用于所有元素，即使属性可能对某些元素不起作用。

（1）style属性：含要应用于元素的样式声明，可以给元素指定样式可以设置多个样式，每个属性值用分号隔开。需要注意的是，该属主要用于快速样式化，用于测试目的。
（2）id属性：唯一标识符，在该页面上一个标签只能有一个不重复的 id 名，它具有唯一性。id属性的值不能是数字开头，不建议写中文。
（3）class属性：可以将元素进行分类后给予相同的样式，减少了代码的书写量，该页面上可以有多个元素拥有此类名，一个元素也可以有多个类。class选择器名称不能是数字开头，不建议写中文，可以是多个类名用空格隔开。
（4）data-*⾃定义属性：data-*是自定义数据属性，可以通过 JavaScript 与 HTML 之间进行专有数据的交换。data-*`这里的*可以替换为自定义的有意义的字母或单词，如：data-buy。

三、HTML功能元素

1. URL

统一资源定位符就是我们俗称的“网址”，可以用来标识网络上的任何资源，也可以叫做路径。路径分为三种：

绝对路径：完整的描述文件位置的路径。例如 http://www.zyncode.net/index.html
相对路径：相对路径就是相对于当前⽂件的路径，相对路径不带有盘符。例如 ./logo.gif
根相对路径：永远都是从 web 站点所在的根⽬录处开始查找。

2. 超链接

<a></a>标签，定义超链接

        href 属性：表示超文本引用，用来建立当前元素和文档之间的链接。
        锚URL：href="#top"，那么点击时就会到当前页面中 id="top" 的这个锚点，实现当前页面的所谓跳转。
        空链接：<a href="#"></a>，#是标签内置的一个方法，代表 top 的作用。点击后网页后返回到页面顶端。
        target 属性：规定在何处打开链接文档。有两个属性：_blank，浏览器总在一个新打开、未命名的窗口中载入目标文档；_parent，使文档载入父窗口或者包含来超链接引用的框架的框架集。

3. 图像

4. 多媒体