首页 > 编程 > HTML > 正文

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

2020-03-24 16:23:00
字体:
来源:转载
供稿:网友
html文字和图片怎么居中?居中代码是什么?相信很多刚学css都会有这样的疑问,下面我们来总结一下。目前最新版本的HTML(HTML5)不支持“center”标签,因此您需要使用CSSyangshi_10628_1.html' target='_blank'>CSS样式格式将HTML5文档中的文本居中。

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

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

代码实例:

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

代码显示效果:

微信截图_20181102145857.png

二:html中图片怎么居中?

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

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

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

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

使用 /center 结束标记。例如,整个代码如下所示:

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

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

以上就是html文字和图片怎么居中?居中代码是什么的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表