一、HTML 简介
1. 什么是 HTML ?
- HTML 指的是超文本标记语言: HyperText Markup Language,是用来描述网页的一种语言
- HTML 不是一种编程语言,而是一种标记语言
2. 什么是 HTML 标签?
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b> ,分别叫开始标签和结束标签
3. 什么是 HTML 元素?
- 例如 <p>这是一个段落</p>
4. 常用的编辑器有哪些?
- VS Code:https://code.visualstudio.com/
- Sublime Text:http://www.sublimetext.com/
二、HTML基础
1. HTML 标题
标题一般从<h1>到<h6>
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
效果如下:
2. HTML 段落
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
效果如下:
3. HTML 链接
<a href="指定网址">这是一个链接</a>
例如将指定网址替换为https://www.baidu.com/,点击之后就会跳转到百度
4. HTML 图像
<img src="指定图像的地址" width="258" height="39" />
三、HTML 元素
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容(empty content)
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)
- 大多数 HTML 元素可拥有属性
特别地, 没有内容的 HTML 元素被称为空元素,空元素是在开始标签中关闭的。
例如:<br> 代表换行,就是没有关闭标签的空元素。就长远保障看来,建议使用<br/> 而不是 <br>
四、HTML 属性
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现,比如:name="value"。
例如:在 <a> 标签中,href 属性的指定:
<a href="http://www.baidu.com">这是一个链接</a>
附上属性参考手册:属性参考手册