【html段落p的字体】HTML常规标签

大家好，我是公众号作家《未来》。本期分享的内容是web前端系列。该系列共29个阶段，学习3个月后蜕变为web前端高手！

步骤1 html 5

04 HTML一般标签

1标签及其分类是什么？

在html页面中，带有“”符号的元素称为HTML标签，HTML、head和body都是HTML标签。标签是在“标签”选项卡中表示功能的编码命令，也称为HTML标签或HTML元素。

1.双标记：标记名称内容标记名称

2.单个标签：标签名称/(数量很少)

单个标记(也称为空标记)是一个标记符号，是完全说明功能的标记。

2标签嵌套和并行关系

标签的相互关系分为两种。

1嵌套关系：头和标题

2并行关系： head和body

建议：如果两个标记之间的关系是嵌套关系，则子元素最好缩进tab键的位置。如果是平行关系，最好上下对齐。

4开发工具sublime

开发工具是我们用来编写web代码的软件。典型的开发工具包括：

经常听到有人说话。

普通青少年Dreamweaver

文艺青年sublime

高手和傻瓜用记事本

事实上，使用什么工具并不重要。重要的是，我们的技术要太强。我觉得大家都很文艺。所以我们用sublime编写代码。sublime非常轻，只有几十万亿韩元，但功能非常强大。

打开并另存为html文档，然后开始编辑。这个软件很智能。只要输入第一个字母，相关代码就会自动显示。

5 sublime会建立html骨架

这里有一个小技巧，可以为我们节省很多时间。

Html:5或“！”再次按写入tab键可完成帧。是英语感叹号！所有的匹配都是英语，汉语的符号不能用作代码。

6文档类型！Doctype

！“Doctype html”一词是指告诉您要使用的html版本

注意：虽然某些较旧的网站可以使用旧版本的文档类型(例如XLHTML)，但是您学习了HTML5和HTML5的文档类型兼容性(向后兼容原则)，因此可以放心地使用HTML5的文档类型。

7字符集简介

元charset="uft-8 "

UFT-8是目前最常用的字符集编码，常用的字符集编码包括gbk和gb2312

GB2312简单汉语包括6763个字符。

BIG5繁体中文香港、澳门、台湾等

GBK包含所有中文字符，这是GB2312的扩展，并添加了对繁体的支持，从而与GB2312兼容。

UTF-8包含世界上所有国家/地区都必须使用的字符

8标记的含义和标题标记

白话：标签的语义化是指标签的意义。

为什么要有语义化标签？

1便于代码的读取和维护

2同时，让浏览器或网络爬虫更好地分析内容。

3使用语义标记可以改善搜索引擎优化

核心：最合理的标签之一的合适地点。

意义是否良好：删除CSS后，网页结构仍然井然有序，可读性很好。什么是可读性？例如，颜色，我们可以用color来表示，但用ABC来表示，可读性就会下降。

要遵循的原则：首先确定含义的HTML，然后选择相应的CSS。

HTML标签

首先，HTML和CSS是完全不同的两种语言。学习结构，只需写HTML标签，知道标签即可。结构标签不再设置样式。

HTML标签很多，在这里我们学着用得最多，后面少用一些，我们找手册就可以了。

排版标签

排版标签主要与CSS一起使用，并显示web结构的标签。网页布局中最常用的标签。

标题标签(背诵)

单词缩写：为了使标题网页有意义，经常在页面上使用标题标签，HTML提供6个等级。

标题，即<h1> <h2> <h3> <h4> <h5> <h6>

标题标签语义：作为标题使用，并且依据重要性递减，其基本语法格式如下：

<h1>标题文本</h1>

注意：h1标签因为重要，尽量少用，不要动不动就向你扔了一个h1。一般h1都是给logo使用。

9 段落标签和水平线标签

段落标签（熟记）

单词缩写：paragraph段蓓

在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是

<p>文本内容</p>

是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

水平线标签（认识）

单词缩写：horizontal横线

<hr/>是单标记

11 换行和div span标签

换行标签（熟记）

单词缩写：break打断、换行

<br />也是单标签

在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签

<br />

div 、 span标签（重点）

Div、 span是没有语义的是我们网页布局主要的2个盒子

div就是 division的缩写分割，分区的意思其实有很多div来组合网页。

span，跨度，跨距；范围

语法格式：

<div>这是头部</div> <span>今日价格</span>

12 文本格式化标签

在网页中，有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标记，使文字以特殊的方式显示。

13 标签属性

<标签名 属性1=”属性值1” 属性2=”属性值2”……> 内容 </标签名>

标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。

属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。

任何标签的属性都有默认值，省略该属性则取默认值。

14 图像标签（重要）

其基本语法格式如下：

<img scr=”图片URL”/>

该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必需属性。

15 链接标签

在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可，其基本语法格式如下：

<a href=”跳转目标” target=”目标窗口弹出方式”>文本或图像</a>

href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。

target：用于指定链接页面的打开方式，其取值有_se和_bank两种，其中_se为默认值，_bank为在新窗口中打开方式。

1 外部链接需要添加h t t p……

2 内部链接直接链接内部页面名称即可,比如<a href=" index .html”>首页</a>

3 如果当时没有确定链接目标时，通常将链接标签的href属性值定义为#（ 即href=”#”），表示该链接暂时为一个空链接。

4 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

16 锚点定位（难点）

通过创建锚点链接，用户能够快速定位到目标内容。创建锚点链接分为两步：

1 使用<a herf=”# id名 ” >链接文本</a>" 创建链接文本。

2 使用相应的id名标注跳转目标的位置。

<a herf=”#aaa”></a>

<h3 id=”aaa”></h3>

17 base标签

base可以设置整体链接的打开状态（在新窗口打开页面）

<base target=”_blank” />

18 特殊字符标签（理解）

19 注释标签

如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。其基本语法格式如下：

<！–注释语句–>

1 多使用注释标签这是非常好的代码习惯

2 注释标签里面的内容是给程序员（人）看的，浏览器是不执行。

3 HM注释的快捷键ctr1+/

本章已结束，下篇文章将分享《05相对路径》小伙伴们不要错过哟！上述内容是作者本人的学习笔记，需要原视频学习资料可以在公众号回复关键词“领取资料”

或者