html圖片下面文字_html -- 圖片上添加文字

❶ 如果用代碼寫出圖片正下方的文字，用html語言

<a href="" style="color:#000000; text-decoration:underline;">【寫真攝影<span style="color:#FF0000">圖片</span>】室內人像攝影</a>
<p style="color:#999999; font-size:14px; font-weight:thin;">720*692|306KB</p>
<a href="" style="color:#00FF00; font-size:14px; font-weight:thin;">dp.pconline.com.cn</a>

❷ html里加了圖片後如何在圖片的旁邊加字而不是下方

點左邊工具欄的T就會建立一個文字圖層，你可以在這個圖層里只寫一個字，上面的工具條就會出現與文字相關的設置，你可以設置文字大小，顏色等各方面。然後同樣再點T又建一個文字圖層，再輸入你的字，同樣按你的要求設置好。想移動哪個字，就在右邊的工具條里點圖層，然後點擊你所在字的圖層，然後在左邊工具條里點擊一個箭頭形狀的工具，就可以移動你的字到你需要的位置。在文字圖層狀態，上邊的工具條里有個彎曲的T底下還有一個弧線，這就是創建變形文本的。

❸ html -- 圖片上添加文字

可以。

以html為例，步驟：

一、在body中建立文字信息以及圖片內容，也就是在header中包含兩個同級，圖片和文字。

❹ html上面圖片，下面文字，文字長度不能超過圖片

你應該用的是動態變成語言實現的，不管是什麼語言，都會有字元串截取函數，截取一下就可以了。然後截取後後面跟著一個省略號即可。

❺ html css怎麼樣才能把文字放在圖片的正下方

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

.d1{

width: 400px;

height: 250px;

background-color: red;

text-align: center;

}

</style>

</head>

<body>

<div>

<br/>

你啥時候嫁給我,hahahahaahahahahahaah

</div>

</body>

</html>

————————————————

這樣就會能夠將文字放在圖片的正下方，得到以下圖片：

文字位於正右邊的方法：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

.d1{

width: 400px;

height: 250px;

background-color: red;

}

.d2{

vertical-align: middle;

}

</style>

</head>

<body>

<div>

你啥時候嫁給我

</div>

</body>

</html>

❻ HTML中，怎麼在圖片的下面加入文字啊

使用定位來寫的，首先一個大盒子裝著圖片，

然後一個盒子裝著頭像和文字，把裝著頭像和文字

的盒子根據裝著圖片的盒子進行定位就可以了，

像這樣的其實很簡單的，要多思考和分析

代碼，要注意圖片你要自己放圖片，和修改圖片路徑

<!DOCTYPE html>

<html>

<head>

<title>圖片上放文字</title>

html,body{

margin:0;

}

.auto-img{

display: block;

width:100%;

}

.box{

width:100%;

margin-top: 50px;

}

.box-cent{

width:50%;

margin:0 auto;

position: relative;

}

.texbox{

position: absolute;

width:50%;

line-height: 80px;

background-color: #0f0;

text-align: center;

top:50%;

left:50%;

transform: translate(-50%, -50%);

}

</style>

</head>

<body>

<div class="texbox">我是用來裝頭像和文字的盒子</div>

</div>

</body>

</html>

❼ html中怎麼讓輸入的文字顯示在圖片的下方

個人推薦你用個table，這樣控制性強一些
詳解：
<table>
<tr>
<td>
<img src="http://www..com/img/_logo.gif"/>
</td>
</tr>
<tr>
<td>
這里的文字在下方
</td>
</tr>
</table>
不懂html語言的話可以再次留言

❽ 用HTML幫寫一段文字在下方，圖片在上方的代碼，謝謝！【附圖】~~~~

<a href="要連接的url" target="_blank"><image src=""/></a>
1、如果想要文字在圖片的正下方，你可以直接把文字直接寫在圖片中
2、利用<pre></pre>這個標簽把要在下方顯示的文字寫在這個標簽裡面

❾ 圖片下面使用文字（div+css）

方法很多..如果是我..我就這么定義..如果不這么做的話..IE的版本不同會導致網頁的變形!
一.把ul改成固定寬度..然後FLOAT:LEFT;多加一個LI.LI的float:left;可以刪除.
二.在LI裡面,加兩個<p></p>把圖片和文字分別放進去.下面是P的CSS.還可以給P加個CSS <p class="p1">文字或圖片</p>
p{
margin:0;
padding:0;
}

❿ DIV+CSS圖片下文字排版，圖片下面排文字。

試試這樣圖片地址自己換 li尺寸自己改下就好了

<div class="wrap">
<ul >
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>歷史教學創新和實踐</h1>
<p>類型：歷史</p>
<p>主講：張琪</p>
</li>
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>歷史教學創新和實踐</h1>
<p>類型：歷史</p>
<p>主講：張琪</p>
</li>
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>歷史教學創新和實踐</h1>
<p>類型：歷史</p>
<p>主講：張琪</p>
</li>
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>歷史教學創新和實踐</h1>
<p>類型：歷史</p>
<p>主講：張琪</p>
</li>
<li>
<a href="#"><img src="images/jm1.jpg" /></a>
<h1>歷史教學創新和實踐</h1>
<p>類型：歷史</p>
<p>主講：張琪</p>
</li>
</ul>
</div>

樣式：

.wrap{ margin-top:10px;}
.wrap li{ width:152px; height:128px; margin-left:8px; margin-top:10px; margin-bottom:10px; float:left; text-align:center; display:inline;}
.wrap li h1{ font-size:12px; color:#005eac; line-height:22px; text-align:center; margin-top:5px; font-weight:normal;}
.wrap li p{ color:#666; line-height:22px; text-align:center;}

導航:首頁 > 文字圖片 > html圖片下面文字

html圖片下面文字

與html圖片下面文字相關的資料