博文纲领：
HTML常用标签汇总
1、HTML常用标签汇总如下： 排版标签 h1 h6：表示六级标题，字体大小依次减小。 段落标签 p：定义段落，表现为与相邻文本分离的文本，一般表现为垂直的空白隔离。 水平线标签 hr：表示段落级元素之间的主题切换，为水平线。 换行标签 br：在内容后方添加一个换行符，用于诗词、地址等内容的换行。
2、HTML的常用标签包括：文本标签：p：用于表示一段文字。br：用于换行。标题标签：hhhh4等：用于表示标题，从大到小依次递减。字体样式标签：b：用于加粗字体。strong：用于强调加粗字体，语义上比b更强烈。文本输入标签：textarea：用于输入多行文本，可以通过resize属性控制宽高。
3、html：定义HTML文档的根元素，通常作为整个文档的最外层标签。 head：包含文档的元数据，如文档标题、字符集声明、样式表链接等。 title：定义文档的标题，显示在浏览器的标签页上。 body：定义文档的主体内容，即用户可见的部分。 p：定义段落，是文本内容的基本单位。
4、div标签：用于布局，表示一个块级元素，一行只能放一个div。span标签：用于布局，表示一个内联元素，一行上可以放多个span。共同特点：它们都是盒子，用来装载网页元素。这些标签是HTML中最基础且常用的标签，通过它们可以构建出结构清晰、内容丰富的网页。
5、HTML中常用的标签主要包括以下几个：a标签：用途：用于创建链接，可以跳转到外部页面、内部锚点、邮箱或电话等。特性：可以通过“target”属性设置在新窗口中打开链接。table标签：用途：用于创建表格。子标签：包含thead、tbody、tfoot以及tr、th、td。img标签：用途：用于插入图片。
6、然而，从一般经验来看，最常用的HTML标签主要包括段落标签（p），标题标签（h1至h6），链接标签（a），图片标签（img），列表标签（ul，ol，li），表单标签（form，input，textarea等）。这些标签几乎在所有网站中都有应用，且使用频率较高。
html的img标签是如何使用的
img标签的使用：通过img标签的src属性显示获取到的图像，img标签的height和width属性设置图像的大小、当图像无法显示时，使用alt属性来显示替代文本。html的img标签可以用于在网页上显示图像，它是仅包含属性的空标记，没有结束标记/。img标签的属性img标签内可以包含：src属性、height和width属性、alt属性。
html img标签中的onclick属性，主要用于在点击图片时触发相应的JavaScript事件。比如，你可以定义一个简单的JavaScript函数来显示一个警告框，内容为“aaa”。
图片img标签水平居中：使用CSS的`margin： auto；`结合`display： block；`。图片img标签垂直居中：利用CSS的定位属性和盒模型进行居中。根据布局需求，可以采用flex布局或grid布局中的对齐方式。
首先，让我们来看看如何在HTML布局中实现图片等比例缩放。在CSS布局中，图片可能不是固定宽度和高度，但需要按照固定宽度和高度占位。若使用CSS固定图片大小，当图片与位置不等比例时，图片会变形，影响清晰度。
新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“/img”代码。
先看下我们的html代码，在一个div里放入一个img图片标签。再看下我们div的样式，主要地方是我们设置了div的宽度，为400px，如图所示的代码。现在看下页面，可以看到，现在的图片是靠左显示的，并没居中。要让img标签的图片居中，我们可以加上一行样式代码：text-align： center；就行了。
如何用html标签来显示gif图片
1、html中可以用img标签插入图片也可以用css的background插入。
2、div style=background：url(name.gif) center no-repeat； width：100%； height：375px； margin：0 auto；/div /body /html 小提示 确保图片的URL地址中包含图片文件的格式（如.jpg、.gif等等）。在电脑上保留图片的备份文件，以防万一。
3、点击“文档笔记”选项卡 –》“GIF” 功能。然后在弹出的 GIF 窗口的输入框里，选择或者粘贴 GIF 的路径。（路径可以是硬盘上的路径，也可以是互联网上的路径，如： http：//， https// 开头的路径）点击“确认”后，WordNote 会吧 GIF 图片转换成 HTML 文件，以附件的方式插入到页面中。
4、运行至浏览器，点击图片查看动画效果。【总结】分析和解决GIF图制作中的难点。html+CSS可以实现网站页面效果，采用relative定位显示图片标题。实践操作，解决过程中遇到的问题，加深理解。【附加资源】获取本文源码，后台回复“GIF图”。分享本文，获取更多知识。
5、步骤：html图片标签语法 img src=divcss-logo-20130gif width=165 height=60 / img介绍：src 后跟的是图片路径地址width 设置图片宽度height 设置图片高度 具体html 图片显示实例 在html源代码中分别插入三张图片，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
html加图片代码怎么写(html添加图片代码)
html图片怎么添加首先在电脑中新建一个文件夹（如：web-01），在该文件夹里新建一个html文件（如：indexhtml）。接着打开这个html文件，编写一个html的基本框架。接着在头部head……/head中加入插入背景图片的代码。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：img src=smallpng /。浏览器运行index.html页面，此时添加的本地图片的路径是相对路径。
代码是“img scr = 图片地址”。新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“/img”代码。
html添加图片的方法如下：打开html软件。导入项目。找到要添加图片的位置。写【imgsrc=“图片路径”】即可。超文本标记语言（HyperTextMarkupLanguage），缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言（markuplanguage），是网页制作所必备的工具。
除了使用html的【img src=/】引入图片以外，还可以使用css的backgorund系列属性将图片作为背景图添加。由于background系列属性比较多，这里不做过多介绍，只说几个比较常用的属性，其他的可参考官方文档学习。
在HTML中插入图片的方法有：直接在html代码上插入、在CSS样式中插入、在JavaScript中通过给img设置src值来插入图片、innerHTML插入img属性来插入图片如果一个页面中仅有文字会显得很单调，枯燥乏味，但是当我们添加了一些图片在上面时会显得好看多了，今天将向大家介绍如何在HTML页面上插入图片。