html中的段落标签，什么是html基础知识？

前端HTML基础知识学什么？初学HTML从基础知识入手，学习浏览器内核、HTML基本结构标签、HTML语法规范、VSCode编辑器、HTML常用标签、相对路径、锚点定位、表格、列表、表单等内容。

前端HTML基础知识学习路线：

1 浏览器与浏览器内核

HTML 简介导读网页的相关概念常用浏览器以及内核 web标准 HTML标签导读

2 HTML基本结构 HTML语法规范 HTML基本结构标签 VSCode工具创建页面 DOCTYPE和lang以及字符集的作用标签语义

3 HTML常用标签标题标签段落标签和换行标签体育新闻案例文本格式化标签 div和span标签图像标签图像标签注意点

4 路径和锚点定位目录文件夹和根目录相对路径绝对路径链接标签锚点链接注释标签和特殊字符

5 HTML 综合案例

6 表格和列表标签及案例 HTML标签表格标签基本使用表头单元格标签表格相关属性(了解) 小说排行榜案例表格结构标签合并单元格表格总结无序列表

有序列表

自定义列表

列表总结

7 表单相关元素及属性表单使用场景以及分类表单域 input之type属性文本框和密码框 input之type属性单选按钮和复选框 input之name和value属性 input之checked和maxlength属性 input表单元素四个属性使用场景课堂问答 input之type属性提交和重置按钮 input之type属性普通按钮和文件域 label标签 select下拉表单 textarea文本域标签表单元素几点总结

在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前端学习交流裙：前面：741中间：090 最后：028，暗号：小螺号。里面聚集了一些正在自学前端的初学者，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。

常用HTML标签元素结合及简介

< html> < /html> 创建一个HTML文档

< head> < /head> 设置文档标题和其它在网页中不显示的信息

< title> < /title> 设置文档的标题

< h1> < /h1> 最大的标题

< pre> < /pre> 预先格式化文本

下划线

黑体字

斜体字

< tt> < /tt> 打字机风格的字体

< cite> < /cite> 引用,通常是斜体

强调文本(通常是斜体加黑体)

加重文本(通常是斜体加黑体)

设置字体大小从1到7，颜色使用名字或RGB的十六进制值

< BASEFONT> < /BASEFONT> 基准字体标记

< big> < /big> 字体加大

字体缩小

< STRIKE> < /STRIKE> 加删除线

< CODE> < /CODE> 程式码

< KBD> < /KBD> 键盘字

< SAMP> < /SAMP> 范例

< VAR> < /VAR> 变量

< BLOCKQUOTE> < /BLOCKQUOTE> 向右缩排

< DFN> < /DFN> 述语定义< ADDRESS> < /ADDRESS>

地址标记 上标字

下标字

< xmp> …< /xmp> 固定寬度字体(在文件中空白、換行、定位功能有效)

< plaintext> …< /plaintext> 固定寬度字體(不執行標記符號)

< listing> …< /listing> 固定寬度小字體

… 字體顏色

… 最小字體

… 無限增大

格式标志标签

创建一个段落

将段落按左、中、右对齐

换行插入换行符

< blockquote> < /blockquote> 从两边缩进文本

< dl> < /dl> 定义列表

< dt> 放在每个定义术语词前

< dd> 放在每个定义之前

< ol> < /ol> 创建一个标有数字的列表

< ul> < /ul> 创建一个标有圆点的列表

< li> 放在每个列表项之前,若在

< ol> < /ol> 之间则每个列表项加上一个数字, 若在

< ul> < /ul> 之间则每个列表项加上一个圆点

< div align=””> < /div> 用来排版大块HTML段落,也用于格式化表

< MENU> 选项清单

< DIR> 目录清单

强行不换行

< hr size=’9′ width=’80%’ color=’ff0000′> 水平線(設定寬度)

< center> < /center> 水平居中

链接标志表格标志

< a href=”URL”> < /a> 创建超文本链接

< a href=”mailtEMAIL”> < /a> 创建自动发送电子邮件的链接

< a name=”name”> < /a> 创建位于文档内部的书签

< a href=”#name”> < /a> 创建指向位于文档内部书签的链接

< BASE> 文档中不能被该站点辨识的其它所有链接源的

URL< LINK> 定义一个链接和源之间的相互关系

链接标记注解：

◆target=”…”决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top

◆rel=”…”发送链接的类型

◆rev=”…”保存链接的类型

◆accesskey=”…”指定该元素的热键

◆shape=”…”允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly

◆coord=”…”使用像素或者长度百分比来定义形状的尺寸

◆tabindex=”…”使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

大部分标签可以运用时候通过CSS控制改变样式达到我们想要的布局效果。

成都朗沃教育国内知名it培训机构，转专注it培训12年！兴趣的可以关注一下成都朗沃教育（www.lovoedu.com）

段落前面空两个字的距离，不要再使用空格了，用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。

< style type=”text/css”>

< !–

text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/

}

–>

< /style>

段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。

—————————————————————————————————————–

用CSS实现段落首缩进两个字符，实现首行缩进的通用方法是加四个小角空格。

其实呢，用CSS样式来定义更为高效。

比如在style里定义如下缩进样式：.suojin{ text-indent:2em}

在需要缩进的地方使用class=”suojin”即可，比如用一个div定义一整块段落首先缩进，

凡在div区域里，浏览器一碰上p语句（即一个新段的开始），就会执行.suojin所定义的缩进。

也可以在正文中使用嵌入式CSS样式来定义，下面举个实例（使用时请将尖括号改为小角尖括号）：

＜div style=”text-indent:2em”＞

＜p＞段落一＜／p＞

＜p＞段落二＜/p＞

＜p＞段落三＜p＞

＜/div＞

两种方法各有长处短处,可根据需要决定使用哪一种方法。

注：div标签不要忘记起始符。text-indent只对p或div标签有效，对br标签不生效，原因是br标签是换行标签不是分段标签。