WxW

Appearance

web 标准 ​

web 标准是网页的制作标准，他不是一个标准，而是由一系列标准组成。 web 标准包含了三个方面：结构（HTML）、表现（CSS）、行为（JavaScript）

web 标准是由 w3c（万维网联盟）制定 HTML、CSS 标准 ECMA （欧洲电脑厂商联合会）制定的 JavaScript 标准

HTML 相关概念 ​

  1. HTML : HyperText Markup Language （超文本标记语言）
  2. XHTML: Extensible HyperText Markup Language （扩展超文本标记语言）

XHTML 和 HTML 相比，并未增加新的标签，只是语法要求更加严格。

  1. HTML5: HTML 的第五次重大修改，是指具体意义上的 HTML5

广义上的 H5 是 web 前端领域的核心技术

HTML 基本结构 ​

  1. 文档结构

作用： 声明文本类型，告知浏览器当前使用的是哪种 HTML/XHTML 规范

HTML5 文档声明是 <!DOCTYPE html> 或 <!doctype html>

  1. 网页的根元素（根标签）是<html></html>，所有的网页内容和标签都要放置在这个标签里面。

<html></html>标签包含了两大部分： head 部分和 body 部分

html
<!DOCTYPE html>
<html>
  <head>
    ...
  </head>
  <body>
    ...
  </body>
</html>

head 部分: 主要用来设置字符编码、网站标题、关键字描述以及引入一些外部文件（CSS/JS 文件）

body 部分: 所有的需要在网页中显示的内容，及防治内容的标签都需要放置在这个标签里面

HTML 的基本语法 ​

  1. 常规标记/双标记

语法: <标签名 属性="属性值">...</标签名>

如:

html
<h1 id="title">标题</h1>
  1. 空标记/单标记

语法: <标签名 属性="属性值" />

如:

html
<img src="./logo.jpg" alt="logo" />

常用标记 ​

文本标题 ​

<hx></hx> x 代表 1-6 之间的数字，表示标题的大小。数字越小，层级越高

html
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

段落文本 ​

<p></p>

html
<p>lorem</p>

换行 ​

<br />

特殊转译字符 ​

  • &nbsp; 空格
  • &lt; 小于号
  • &gt; 大于号
  • &amp; 和号
  • &quot; 双引号
  • &apos; 单引号
  • &copy; 版权符 ©
  • &reg; 注册商标 ®

加粗文本 ​

<b></b> 或 <strong></strong>

倾斜文本 ​

<i></i> 或 <em></em>

水平分隔线 ​

<hr />

删除线 ​

<del></del> 删除线

下划线 ​

<u></u> 下划线

上标和下标 ​

<sup></sup> 上标 > <sub></sub> 下标

小技巧

记忆方法最后一个字母的半圆在上就是上标，在下就是下标

超链接 ​

Copyright © 2022-present WxW