前端基础知识点HTML1

前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：
HTML负责结构，网页想要表达的内容由html书写。
CSS负责样式，网页的美与丑由它来控制
JS负责交互，用户和网页产生的互动由它来控制。

1.HTML基础知识点
编程工具介绍、HTML简介。HTML语义化标签、p标签和h系列标签。HTML基本骨架深入、HTML骨架。元信息标记meta、设置页面关键字、字符集、关键字、页面描述。a标签和img标签，相对路径、绝对路径。ul、ol、dl标签、div和span标签介，表单知识。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
XHTML指可扩展超文本标记语言（标识语言）（EXtensible HyperText Markup Language）。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
HTML5指的是HTML的第五次重大修改（第5个版本）
XML可扩展标记语言。（主要用于数据的处理与表达）了解。

2.创建站点
(1)站点的作用
用来归纳一个网站上所有的网页、素材以及他们之间的联系
(2)创建站点的步骤
(3)文件的命名规则
文件命名规则：用英文，不用中文
名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；必须以英文字母开头。
首页必须命名为index.html

3.HTML基本语法
(1)常规标记(双标记)
<标记 属性=“属性值” 属性=“属性值”><标记/>
(2) 空标记(单标记）
<标记 属性=“属性值” />
1.写在<>中的第一个单词叫做标记，标签，元素。
2.标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在“”号内。
3.一个标记可以没有属性也可以有多个属性，属性和属性之间不分先后顺序。
4.空标记没有结束标签，用“/”代替。

4.HTML常用标记
1)文本标题

<h1>一级标题</h1>
<h2>二级标题</h2>
……
<h6>六级标题</h6>

2)段落标记

<p>段落文本内容</p>

3）空格
&nbsp
—–（所占位置没有一个确定的值,这与当前字体字号还有浏览器都有关系)

4）加粗

<b>加粗内容</b>
<strong>加粗内容</strong>

5）倾斜

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

6） 强制换行

<br />

7）水平线

<hr />

8）列表(ul,ol,dl)
HTML中有三种列表，分别是：无序列表，有序列表，自定义列表

*无序列表组成：

<ul>
<li></li>
<li></li>
．．．．．．
</ul>

*有序列表组成：

<ol>
<li></li>
<li></li>
．．．．．．
</ol>

*自定义列表

<dl>
<dt>名词</dt>
<dd>解释</dd> 
 ．．．．．．
</dl>