HTML中表示页面主题内容的,HTML基础知识点整理归纳

一、 HTML的基本结构

网页的标题

写网页的主体

注意：写完代码记得将格式保存为 .html(推荐) htm xhtml HTML 的基本结构详解

1.内容

解释：HTML 文档的文档标记，也称为 HTML 开始标记 功能：表示网页的开始和结束

2.

内容

解释：HTML 文件头标记，也称为 HTML 头信息开始标记 功能：用来包含文件的基本信息，比如网页的标题、关键字，在内可以放、、等等标记 注意：当中的内容不会在浏览器当中显示

3.

内容

解释：HTML 的标题文件 功能：网页的主题，显示在浏览器的窗口的左上边！

4.

内容

解释：HTML 文档的主体标记 功能：…是网页的主体部分，在此标记之间可以包含如

、
、

---

等等标记，正是由这些内容组成了我们所看见的网页

二、HTML的基本标签

1、格式标签：

段落标签：格式：

你要分段的内容

功能：对网页上的文字进行分段特点：间距比较大

换行标签格式：你要换行的文字后面直接加标签：
注意：它是一个单标签

居中对齐标签格式：

你要居中的内容 让段落或者文字能够相对于父标签居中显示

2、文本标签

标题标签：格式：

标题

...

标题

功能：定义网页中的文字标题特点： 标题标签独占一行

字体设置标签：格式：要设置的文字 功能：修改文字颜色、字体、大小。常用属性：

老王

字体改为红色

更改文字字体

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

字体加粗

表示强调

3、图像标签

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

格式如下：

标签常见属性详解

src 属性作用：指定我们要加载的图片的路径和图片的名称以及图片格式

width 属性作用：指定图片的宽度，单位 px、em、cm、mm

height 属性作用：指定图片的高度，单位 px、em、cm、mm

border 属性作用：指定图标的边框宽度，单位 px、em、cm、mm

alt 属性作用：

当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字作用

如果图像没有下载或者加载失败，会用文字来代替图像显示作用

搜索引擎可以通过这个属性的文字来抓取图片

三、网页中的超链接

基本语法链接文字或者图片属性讲解- href 属性：链接的地址，链接的地址可以是一个网页，也可以是一个视频、图片、音乐等等

target 属性：

1、作用：定义超链接的打开方式

2、属性值：_blank：在一个新的窗口中打开链接

_seif(默认值)：在当前窗口中打开链接

_parent：在父窗口中打开页面(框架中使用较多)

_top：在顶层窗口中打开文件(框架中使用较多)

name 属性指定页面的锚点名称

注：代码的格式空格键和回车键在网页中都不会起到任何作用，我们为了让代码清晰易读，可以使用空格和回车键进行编排。