html基础

Posted 2021-11-08 摆摊买星星

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html基础相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello，Wrod！</title>
</head>
<body>
<div>无实意标签</div>
<h1>一级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
<p>段落标签</p>

<input type="text" name="">
<input type="number" name="">
<input type="password" name="">
<br>
性别：
<input type="radio" checked name="gender">男
<input type="radio" name="gender">女

<br>
兴趣爱好：
<input type="checkbox" name="">玩游戏
<input type="checkbox" name="">睡觉
<input type="checkbox" name="">学习

<ul type="square">无序列表
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ol>
<a href="http://www.baid.com">
baidu
</a>
</body>
</html>

HTML基础

HTML(Hyper Text Markup Langyage 超文本标记语言) w3c：万维网联盟 world wide web comsortium 成立于1994年，web技术领域最具权威和具影响力的中立性技术标准机构 w3c 包括：结构化标准语言(HTML ，XML) 表现标准语言（CSS）行为标准（DOM, ECMAScript） HTML基础 HTML 标题（Heading）是通过

-

标签来定义的。

这是一个标题

HTML 段落是通过标签

来定义的。

这是一个段落。

这是另外一个段落。

HTML 链接是通过标签来定义的这是一个链接 **提示:**在 href 属性中指定链接的地址。 HTML 图像是通过标签来定义的.

**注意：** 图像的名称和尺寸是以属性的形式提供的。 **HTML 中 href、src 区别** href 是 Hypertext Reference 的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如：浏览器会识别该文档为 css 文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用 link，而不采用 @import 加载 css 的原因。 src 是 source 的缩写，src 的内容是页面必不可少的一部分，是引入。src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。例如: <script src="script.js"></script> 当浏览器解析到该元素时，会暂停浏览器的渲染，直到该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。简而言之，src 用于替换当前元素；href 用于在当前文档和引用资源之间建立联系。记录一下 html 相对路径的写法： - **./**：代表文件所在的目录（可以省略不写）如果写成image/background就相当于是在html文件下找image文件夹，当然是找不到的 - **../**：代表文件所在的父级目录 - **../../**：代表文件所在的父级目录的父级目录 - **/**：代表文件所在的根目录 ## HTML标签 | 标签 | 描述 | | -------- | -------------- | | | 定义HTML文档 | | | 定义文档的主体 | |

| 定义HTML标题 | |

| 定义水平线 | | | 定义注释 | ## HTML段落 | 标签 | 描述 | | ------- | ---------------- | |

| 定义一个段落 | |
| 插入单个折行换行 |
元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。 ## HTML文本格式化 HTML 使用标签 ("bold") 与 ("italic") 对输出的文本进行格式, 如：**粗体** or *斜体* **通常标签替换加粗标签来使用, 替换标签使用。** 标签定义小型文本（和旁注）
Copyright 1999-2050 by Refsnes Data.
_{标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式，比如 H2O。
这个文本包含 _下标文本。
^{标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的。上标文本能用来添加脚注，比如 WWW[1]。
这个文本包含 ^上标文本。
标签定义已经被插入文档中的文本。和一起使用，描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线，在新插入文本下添加一条下划线。
My favorite color is blue red!
被包围在标签元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

**提示:** 标签的一个常见应用就是用来表示计算机的源代码
此例演示如何使用 pre 标签对空行和空格进行控制
所有标签缩写的全称：

---bold

---emphasize

---italic

_{---subscript

^{---superscript

---insert

---delete

---keyboard

---Bi-Directional Override

---quote

---define
## HTML样式

### 内联样式

CSS 可以通过以下方式添加到HTML中:

- 内联样式- 在HTML元素中使用"style" **属性**
- 内部样式表 -在HTML文档头部区域使用

外部样式：

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。

实例：}}}}

以上是关于html基础的主要内容，如果未能解决你的问题，请参考以下文章

HTML5零基础入门之HTML基础语法详解