html介绍

2019-08-03 本文已影响0人 HassGy

HTML定义

Hyper Text Markup Language是它的全称，理解为超文本标记语言；它是很简单的一个标记语言，是最基础的显示，它其实就是由txt文本文件改名来的。

⚠它不需要编译，页面直接由浏览器运行解析显示。

我们长听的术语“网页”，也就是这个意思，当然还要包括它那两个兄弟。

例如：段落p标记

<p>我是一个段落</p>

调试浏览器

Chrome(推荐), firefox火狐是比较推荐的，还有其他的浏览器。

HTML颜色

颜色的表示有三种方式：

英文单词表示的颜色：black，red，white等。
十进制表示：rgb（255，255，255）
16进制表示：#0000FF等

HTML规范

html语言不区分大小写
html文件后缀名为.html/.htm
html简单结构：
- 声明标准
- head
- body

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>

<body>

</body>

</html>

编写要求
- 标记元素时要正确嵌套，不允许交叉使用。
```
<p><span>段落</span></p>
```
- 标记元素必须封闭。
- 标记元素都是用字母小写
- 标记分为双边以及单边标记：
  - 特殊的单边标记有：<br>,<hr>它都会转换为<br />,<hr />
- 标记元素的属性的值不能为空: <div class="box">我是一个box</div>
- 标记元素的属性的值要加引号。
语法特征
- html对tab键，换行不敏感，不会因此影响页面的结构。
- 这里更注意的是，文字与文字之间添加多个空格以及上面的tab和换行都只会默认为一个空格。

开发的编辑器

我这里比较喜欢用VS Code，当然啦其他朋友可以用其他的编辑器

例如之前说到的，Pycharm，Atom，Sublime Text等。

如果你自身比较依赖代码提示的话，可以使用用WebStorm或者Hbuilder。

我以后撰写的内容都会以VS Code为编辑器进行代码编写来记录这个。