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

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

云罗郡主
發布: 2018-11-02 15:09:58
原創
53570 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板