首頁 >web前端 >html教學 >html文字和圖片怎麼居中？居中代碼是什麼

html文字和圖片怎麼居中？居中代碼是什麼

html文字和圖片怎麼居中？居中代碼是什麼？我相信很多剛學css都會有這樣的疑問，下面我們來總結一下。目前最新版本的HTML（HTML5）不支援「center」標籤，因此您需要使用CSS樣式格式將HTML5文件中的文字置中。

一：html文字怎麼居中？【建議學習：Html5教程】

1.開啟HTML文檔，雙擊HTML文檔以在電腦的預設文字（或HTML）編輯器中開啟它。找到您想要居中的文字，段落或其他文本，我們將“center”標記添加到文本中，語法為：

測試，其中“測試”就是作為文本。如果文字上有標籤（例如，段落文字為「

p>」），則「中心」標籤可以超出現有標籤：

程式碼實例：

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

程式碼顯示效果：

html文字和圖片怎麼居中？居中代碼是什麼

二：html中圖片怎麼居中？

建立一個新元素並將該元素置中。您可以在該居中元素中包含圖像。但是，它會在元素周圍創建額外的空間。

開始新的程式碼行。首先將元素居中。輸入

。

新增圖片代碼。輸入

我們可以指定圖像的高度和寬度。輸入height =“200”width =“200”>或您選擇的其他尺寸，這是標記圖像部分的結尾部分。

使用

結束標記。例如，整個程式碼如下：

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

以上就是html文字和圖片怎麼居中？居中代碼是什麼的全部介紹，如果你想了解更多有關HTML5在線手冊，請關注php中文網。

以上是html文字和圖片怎麼居中？居中代碼是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多