【Html】HTML学习 -- Day 1

HTML

• HTML 是用来描述网页的一种语言。
• HTML 指的是超文本标记语言: HyperText Markup Language
• HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页
• HTML 文档包含了HTML** 标签及文本**内容
• HTML文档也叫做** web 页面**

HTML页面结构

• 只有 �区域 (�白色部分) �才会在浏览器中显示

可视化的HTML页面结构

• DOCTYPE 声明了文档类型
• 与 描述了文档类型
• 与 为可视化网页内容

声明

声明有助于浏览器中正确显示网页。
doctype 声明是不区分大小写的，以下方式均可：

//HTML5通用声明

中文编码

直接�输出中文会出现中文乱码的情况，这时需要在头部将字符声明为 UTF-8

HTML 编辑器推荐

• Notepad++：https://notepad-plus-plus.org/
• Sublime Text：http://www.sublimetext.com/
• HBuilder：http://www.dcloud.io/

HTML 标题

标题是通过

-

标签进行定义的，

最大，

最小。
注释: 浏览器会自动地在标题的前后添加空行。

这是一个标题
这是一个标题
这是一个标题

HTML 水平线

---

标签在 HTML 页面中创建水平线，可用于分隔内容

HTML 注释

HTML 段落

注意：浏览器会自动地在段落的前后添加空行。（

是块级元素）

这是一个段落。
这是另外一个段落。

注意：即使忘了使用结束标签，大多数浏览器也会正确地将 HTML 显示出来：

这是一个段落
这是另一个段落

HTML 折行

如果不希望在一个新段落进行换行，可以使用
标签：

第一行
该段第二行
该段第三行

下面的写法并不会产生换行

内容
内容
内容

HTML 输出

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML代码中的所有连续的空行（换行）也被显示为一个空格。

HTML 文本格式化标签

标签    描述
  定义粗体文本
  定义着重文字
  定义斜体字
  定义小号字
  定义加重语气
  定义下标字
  定义上标字
  定义插入字
  定义删除字

HTML "计算机输出" 标签

标签  描述
  定义计算机代码
   定义键盘码
  定义计算机代码样本
   定义变量
   定义预格式文本
 
 
HTML 引文, 引用, 及标签定义
 
 
标签  描述
  定义缩写
   定义地址
   定义文字方向
    定义长的引用
 定义短的引用语
  定义引用、引证
   定义一个定义项目。
 
 
HTML 空元素
 
 
空元素是在开始标签中关闭的。
 
 就是没有关闭标签的空元素（
标签定义换行）。
 
是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
 
 




 
 
HTML 链接
 
 
href 属性中指定链接的地址
 
 
这是一个链接
 
 
HTML 图像
 
 

 
 
HTML 标签对大小写不敏感
 
 
HTML 属性
 
 
HTML 元素可以设置属性
 属性可以在元素中添加附加信息
 属性一般描述于开始标签
 属性总是以名称/值对的形式出现，比如：name="value"。
 
 
HTML 属性常用引用属性值
 
 
属性值应该始终被包括在引号内。
 双引号是最常用的，不过使用单引号也没有问题。
 提示: 如属性值本身就含有双引号，那么就必须使用单引号，例如：name='John "ShotGun" Nelson'