欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

html文字和图片怎么居中？居中代码是什么

程序员文章站 2022-03-11 20:08:29
...
html文字和图片怎么居中？居中代码是什么？相信很多刚学css都会有这样的疑问，下面我们来总结一下。目前最新版本的HTML（HTML5）不支持“center”标签，因此您需要使用CSS样式格式将HTML5文档中的文本居中。

一：html文字怎么居中？【推荐学习：Html5教程】

1.打开HTML文档，双击HTML文档以在计算机的默认文本（或HTML）编辑器中打开它。找到您想要居中的文字，段落或其他文本，我们将“center”标记添加到文本中，语法为：<center>测试</center>，其中“测试”就是作为文本。如果文字上有标签（例如，段落文字为“<p> </ p>”），则“中心”标签可以超出现有标签：

代码实例：

<DOCTYPE html> 
<html> 
<body>
<h1><center>欢迎来到我的网站</center></h1> 
<center></center > 
<p1>本网站的目的是php在线学习</p1>
</body> 
</html>

代码显示效果：

html文字和图片怎么居中？居中代码是什么

二：html中图片怎么居中？

创建一个新元素并将该元素居中。您可以在该居中元素中包含图像。但是，它会在元素周围创建额外的空间。

开始新的代码行。首先将元素居中。输入<center>。

添加图片代码。输入<img src =“php.gif”alt =“”。

我们可以指定图像的高度和宽度。输入height =“200”width =“200”>或您选择的其他尺寸，这是标记图像部分的结尾部分。

使用</center>结束标记。例如，整个代码如下所示：

<center><img src =“dancingdogpicture.gif”alt =“dance dog”align =“middle></center>

以上就是html文字和图片怎么居中？居中代码是什么的全部介绍，如果你想了解更多有关HTML5在线手册，请关注。

以上就是html文字和图片怎么居中？居中代码是什么的详细内容，更多请关注其它相关文章！

相关标签： html文字 图片 居中

上一篇： javascript如何实现html字符转实体

下一篇： html css js是干什么的

推荐阅读