html如何在图片旁边添加打招呼语句

1、在HTML中，使用position属性给包含和文字的容器元素div添加相对定位样式。

2、使用position属性给文字元素添加绝对定位样式。

3、使用left和top属性设置文字元素在上的位置，将打招呼的文字定位在旁边即可。

html文件笔记本什么的都可以修改，可以直接以浏览器运行，但是一个网站和一个网页差别很大的，一般网上有模版，懂点html都可以修改，这个不难，做个网页用一模板修改就行，可以自己上网找然后修改。一般有这个代码就可以了。

程序员的表白代码

第一条语言：Java代码翻译：直到死之前，每天爱你多一点代码：while(lifeend){love++;}

第二条语言：C语言代码翻译：IcannotsayHellototheWorldwithoutu代码：#incldestdiohintmain(){printf(HelloWorldn);retrn0;}//IcannotsayHellototheWorldwithoutu

第三条语言：python代码翻译：山无陵，江水为竭，冬雷震震，夏雨雪，天地合，乃敢与君绝！代码：if(mountainarris==None):if(riverwater==None):if(winterthunder==True):if(summersnow==True):if(skyheight==groundheight):iwithyou=Falseelse:iwithyou=True

第四条语言：Erlang代码代码翻译：深圳相遇，至死不渝代码：-module(you_and_me)-export([start/1])-record(person,{name,address,status})start(Name)-one_world(Name)one_world(Name)keep_to_love_you(Person)say_goodbye(Person)-io:format(~p:seeyounextworld!~n,[Person#personname])see_you_next_world(Name)-one_world(Name)

第五条语言：Java语言代码翻译：爱你到天荒地老代码：while(!worlddestroy){Systemoutprintln(iloveyou);}

<div id="demo" style="overflow:hidden;width:670px;color:#ffffff;">

<table cellpadding="0" cellspacing="0" border="0">

<tr><td id="demo1" valign="top" align="center">

<table cellpadding="2" cellspacing="0" border="0">

<tr align="center">

<td><img src="http://wwwhaaocn/logogif" width="88"></td>

<td><img src="http://wwwhaaocn/logogif" width="88"></td>

<td><img src="http://wwwhaaocn/logogif" width="88"></td>

<td><img src="http://wwwhaaocn/logogif" width="88"></td>

<td><img src="http://wwwhaaocn/logogif" width="88"></td>

</tr>

</table>

</td>

<td id="demo2" valign="top"></td>

</tr>

</table>

</div>

<script>

var speed=1//速度数值越大速度越慢

demo2innerHTML=demo1innerHTML

function Marquee(){

if(demo2offsetWidth-demoscrollLeft<=0)

demoscrollLeft-=demo1offsetWidth

else{

demoscrollLeft++

}

}

var MyMar=setInterval(Marquee,speed)

demoonmouseover=function() {clearInterval(MyMar)}

demoonmouseout=function() {MyMar=setInterval(Marquee,speed)}

</script>

我的这段代码不会出现跑一段就停下的现象

<DIV align=center>

<DIV id=scroll_div

style="OVERFLOW: hidden; WIDTH: 778px;"

align=center>

<TABLE border="0" cellpadding="0" cellspacing="0">

<TBODY>

<TR>

<TD id=scroll_begin>

<A href="#"><IMG src="http://bbsblueideacom/images/blue/logogif" border=0></A><A href="#"><IMG src="http://bbsblueideacom/images/blue/logogif" border=0></A><A href="#"><IMG src="http://bbsblueideacom/images/blue/logogif" border=0></A><A href="#"><IMG src="http://bbsblueideacom/images/blue/logogif" border=0></A><A href="#"><IMG src="http://bbsblueideacom/images/blue/logogif" border=0></A><A href="#"><IMG src="http://bbsblueideacom/images/blue/logogif" border=0></A><A href="#"><IMG src="http://bbsblueideacom/images/blue/logogif" border=0></A><A href="#"><IMG src="http://bbsblueideacom/images/blue/logogif" border=0></A></TD>

<TD id=scroll_end>

</TR></TBODY></TABLE>

</DIV></DIV>

<SCRIPT>

var speed=30

var scroll_end = documentgetElementById("scroll_end");

var scroll_div = documentgetElementById("scroll_div");

scroll_endinnerHTML=scroll_begininnerHTML

function Marquee(){

if(scroll_endoffsetWidth-scroll_divscrollLeft<=0)

scroll_divscrollLeft-=scroll_beginoffsetWidth

else{

scroll_divscrollLeft++

}

}

var MyMar=setInterval(Marquee,speed)

scroll_divonmouseover=function() {clearInterval(MyMar)}

scroll_divonmouseout=function() {MyMar=setInterval(Marquee,speed)}

</SCRIPT>

代码如下:

1、<img src="divcss5-logo-201305gif" width="165" height="60" />

img介绍： 

src 后跟的是路径地址 

width 设置宽度 

height 设置高度

2、我们在html源代码中分别插入三张，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。

3、效果图：

扩展资料:

在HTML中出现通常有2种：

1、某元素的背景图像绝大多数元素都可以通过background属性设置其背景图像

直接在html中的标签里设置：

<p style=”background-image:url(xxxjpg)“>设置一个段落的背景图像</p>

在CSS上设置html中的 ”<p>一个段落</p>“ 的背景图像：

p{ background-image:url(xxxjpg); }

2、图像元素img：

<img src="xxxjpg" alt="这是一个图像元素">

1插入 <img src="图形文件名" alt=”关键词”>

（alt的重要性不言而喻 ）

2设定图框 -- border <img src="图形文件名" border=点数>

3设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数>

（提高网站打开速度，通过设置像素，对比度或者通过代码直接设置）

4设定图形上下左右留空 -- vspace、hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>

5图形附注 <img src="图形文件名" alt="说明文字">

（alt的重要性不言而喻）

6预载

<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> PS两个图的图形大小最好一致;

7影像地图（Image Map） <img src="图形文件名" usemap="#图的名称"> <map name="图的名称">

<area shape=形状 coords=区域座标列表 href="连结点之URL">

<area shape=形状 coords=区域座标列表 href="连结点之URL">

<area shape=形状 coords=区域座标列表 href="连结点之URL">

<area shape=形状 coords=区域座标列表 href="连结点之URL"> </map>

1定义形状 -- shape

shape=rect：矩形 shape=circle：圆形 shape=poly：多边形

2定义区域 -- coords

a矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

例：<area shape=rect coords=100,50,200,75 href="URL">

b圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度

例：<area shape=circle coords=85,155,30 href="URL">

c任意图形（多边形）：将图形之每一转折点座标依序填入

例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"