【HTML】入门第一讲

[h1]html入门第一讲[/h1]

本节内容：1.HTML的概述2.HTML的基本结构3.HTMl的常见标签4.网页上的特殊字符5.HTML的超链接6.代码的注释7.代码格式上的建议

[h1]一、html的概述[/h1][h1]1、什么是HTML语言？[/h1]

html全称超文本标记语言（hyper Text Markup Language）

复制代码

[h1]2、HTML语言有什么特点？[/h1]

1.可以设置文本的格式，比如标题、字号、文本颜色、段落等等 2.可以创建列表 3.可以插入图像和媒体 4.可以创建表格 5.可以创建超链接（通过鼠标点击能够在页面切换）

复制代码

[h1]3、HTML的发展史[/h1]

[h1]4、常见的网页编辑工具[/h1]| 轻量级 | 重量级| 个人推荐 || :-------- | --------:| :------: || notepad++ | DW | notepoad++ ||editplus | hbuilder | hbuilder ||suubmit_txt | webstorm | |
[h1]二、 HTML的基本结构[/h1]

网页的标题写网页的主体

复制代码

注意：写完代码记得将格式保存为.html（推荐）、.htm、.xhtml

[h1]HTML的基本结构详解[/h1]

1.内容解释：HTML文档的文档标记，也称为HTML开始标记功能：表示网页的开始和结束2.内容解释：HTML文件头标记，也称为HTML头信息开始标记功能：用来包含文件的基本信息，比如网页的标题、关键字，在内可以放、、等等标记注意：当中的内容不会在浏览器当中显示3.内容解释：HTML的标题文件功能：网页的主题，显示在浏览器的窗口的左上边！4.内容解释：HTML文档的主体标记功能：...是网页的主体部分，在此标记之间可以包含如、、、等等标记，正是由这些内容组成了我们所看见的网页

复制代码

[h1]三、HTML的基本标签[/h1][h1]1、格式标签：[/h1]

1、段落标签：格式：

你要分段的内容

复制代码

功能：对网页上的文字进行分段特点：间距比较大2、换行标签格式：

你要换行的文字后面直接加标签：

复制代码

注意：它是一个单标签3、居中对齐标签格式：

你要居中的内容

复制代码

让段落或者文字能够相对于父标签居中显示

[h1]2、文本标签[/h1]

1、标题标签：格式：

标题...标题

复制代码

功能：定义网页中的文字标题特点：标题标签独占一行2、字体设置标签：格式：

要设置的文字

复制代码

功能：修改文字颜色、字体、大小。

常用属性：老王字体改为红色更改文字字体

复制代码

3、字体加粗/倾斜

表示强调，通常为粗体字字体加粗表示强调，通常为斜体字字体倾斜

复制代码

4、给文字设置下划线

下划线文字

复制代码

[h1]3.图像标签[/h1]

网页上面我们看到不仅有文字、还有图片,下面重点讲如何向网页当中插入图片！1、格式如下：

[/code][quote]2、[code]

复制代码

标签常见属性详解1.src属性作用：指定我们要加载的图片的路径和图片的名称以及图片格式2.width属性作用：指定图片的宽度，单位px、em、cm、mm3.height属性作用：指定图片的高度，单位px、em、cm、mm4.border属性作用：指定图标的边框宽度，单位px、em、cm、mm5.alt属性作用1：当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字作用2：如果图像没有下载或者加载失败，会用文字来代替图像显示作用3：搜索引擎可以通过这个属性的文字来抓取图片[/quote][h1]四、网页上的特殊字符[/h1][quote]为什么会存在特殊字符？- 比如我们想在网页上面显示一个“