網頁設計載入圖片代碼_求html插入圖片的代碼

1、求html插入圖片的代碼

1、實現超鏈接的代碼：<a href="跳轉的地址"> 超鏈接</a>，例如：

2、實現圖片載入的代碼：<img src="圖片地址" alt="" />，例如：

3、綜合起來，在圖片上加超鏈接：

</a>

代碼如下：

(1)網頁設計載入圖片代碼擴展資料

html代碼：結構性定義：

文件類型<HTML></HTML> （放在檔案的開頭與結尾）；

文件主題<TITLE></TITLE> （必須放在「文頭」區塊內）；

文頭<HEAD></HEAD> （描述性資料，主題）；

文體<BODY></BODY> （文件本體）；

標題<H?></H?> （從1到6，有六層選擇）；

標題的對齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>；

區分<DIV></DIV>；

區分的對齊 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>；

引文區塊<BLOCKQUOTE></BLOCKQUOTE> （內縮）；

強調<EM></EM> （以斜體顯示）；

特別強調<STRONG></STRONG> （通常會以加粗顯示）。

參考資料

網路—HTML

2、製作網頁怎麼添加圖片?〈用HTML語言〉

你說的是背景樣式吧？ HTML代碼： <body background="圖片路徑"> CSS樣式代碼： <style type="text/css"> body{ background:url("圖片路徑"); } </style> 記得：圖片路徑最好不要採用中文，可能有些瀏覽器對中文路徑支持不好。

3、網頁設計圖片滾動代碼

素材的准備。為了更好的表現網站的風格和特色，具備一些更富表現力和吸引力的圖片是必不可少的。同理，准備了一些與網頁主題密切相關的圖片，用於做為實現圖片滾動效果的素材。

打開Dreamweaver8，新建一網頁文件，並保存為名為「index.html"文件。

切換至代碼編輯界面，輸入如下代碼：

對應效果如圖所示：

新建一CSS樣式表文件，並將該文件保存到與「index.html」相同的目錄下，文件名稱為「MyStyle.css"。

在新建的樣式表文件"MyStyle.css」文件中輸入如下代碼：
* { padding:0; margin:0;} /*設置所有對像的內邊距為0*/
body { text-align:center;} /*設置頁面居中對齊*/
#photo-list {
/* 6張圖片的寬度（包含寬度、padding、border、圖片間的留白）
計算：6*(100+2*2+1*2+9) - 9
之所以減去9是第6張圖片的右邊留白 */
width:681px;

/* 圖片的寬度（包含高度、padding、border）
計算：100+2*2+1*2 */
height:106px;
margin:50px auto;
overflow:hidden; /*溢出部份將被隱藏*/
border:1px dashed #ccc;
}
#photo-list ul { list-style:none;}
#photo-list li { float:left; padding-right:9px;}

#photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}

對應文件內容如圖所示：

在網頁文件"index.html"中添加對該樣式表的引用：

此時網頁效果如圖所示：

新建一個JS文件，並將該文件另存為「MoveEffect.js"。

在」MoveEffect.js「文件中輸入如下所示代碼：
var id = function(el) { return document.getElementById(el); },
c = id('photo-list');
if(c) {
var ul = id('scroll'),
lis = ul.getElementsByTagName('li'),
itemCount = lis.length,
width = lis[0].offsetWidth, //獲得每個img容器的寬度
marquee = function() {
c.scrollLeft += 2;
if(c.scrollLeft % width <= 1){ //當 c.scrollLeft 和 width 相等時，把第一個img追加到最後面
ul.appendChild(ul.getElementsByTagName('li')[0]);
c.scrollLeft = 0;
};
},
speed = 50; //數值越大越慢
ul.style.width = width*itemCount + 'px'; //載入完後設置容器長度
var timer = setInterval(marquee, speed);
c.onmouseover = function() {
clearInterval(timer);
};
c.onmouseout = function() {
timer = setInterval(marquee, speed);
};
};

然後在主頁文件"index.html」中添加對該「MoveEffect.js」文件的引用。

代碼如圖所示：

打開「index.html」網頁文件，最終效果如果所示：

4、網頁設計中如何用代碼讀取圖片?

5、添加網頁的背景圖片（拉伸的），代碼是什麼？

代碼為： {background-image: url(URL)|none}

1，背景顏色 {background-color:數值}。

2，背景重復 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}。

3，背景固定 {background-attachment:fixed|scroll}。

4，背景定位 {background-position:數值|top|bottom|left|right|center}。

5，背影樣式 {background:背景顏色|背景圖象|背景重復|背景附件|背景位置}。

拓展資料

1、所謂的網頁代碼，就是指在網頁製作過程中需要用到的一些特殊的「語言」，設計人員通過對這些「語言」進行組織編排製作出網頁，然後由瀏覽器對代碼進行「翻譯」後才是我們最終看到的效果。

2、製作網頁時常用的代碼有HTML，JavaScript，ASP，PHP，CGI等，其中超文本標記語言（標准通用標記語言下的一個應用、外語簡稱：HTML）是最基礎的網頁代碼。

6、網頁設計：添加背景圖像css代碼 background-image:url(bg.jpg) bac

直接background:url（bg.jpg） no-repeat;
不過你這路徑對嗎

7、求一個網頁載入圖片代碼

你可以用一個頁面啊，把圖片的文件名用成隨機的，然後就隨機載入圖片了比如你的圖片文件名設置成1到100.gif,然後把文件名用成一個隨機產生的1到100的值

8、網頁製作插入圖片的代碼問題

這個可有可無不會影響效果！！！就跟你<br>一樣如果你是在DW裡面，<br>會自動給你加上<br />如果你使用工具寫進去的，那麼這個/就會自動出現，用代碼寫的就不會出現了

9、網頁設計DW 怎麼添加背景圖片代碼是多少

不知道你的意思是哪種的背景圖片！

1.假如是整張網頁的背景圖片的話，就是寫body的css樣式也就是

body { background: url("圖片的地址")}

2.一般的假如圖片的話

3.一般div塊的地址

div{ background：url（"圖片的地址"）}

10、網頁背景圖片設置的代碼是什麼呢

1.(最普遍類) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

說明:以上代碼為網頁背景圖片固定代碼！網頁背景圖片固定代碼，這樣，當向下拉網頁時，網頁背景圖片不會跟著向上移動，達到不動的目的！

2.(綜合類)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 圖片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
說明：
no-repeat;（不平鋪）
改為這個repeat（平鋪）

導航:首頁 > 萬維百科 > 網頁設計載入圖片代碼

網頁設計載入圖片代碼

與網頁設計載入圖片代碼相關的知識