導航:首頁 > 萬維百科 > html網頁設計實例圖片

html網頁設計實例圖片

 發布時間：2020-09-29 23:23:08

1、html網頁製作中如何設置背景圖片（如何引用）

1、首先打開Atom編輯器導入項目文件夾，先創建一個index.html的文件。定義一下html文件的主信息：

2、然後填寫自己的網頁內容， 設置一下樣式，直接在body後面加上background="圖片名字"即可插入圖片：

3、最後來到瀏覽器，刷新一下網頁，這樣就會顯示背景了：

2、html網頁設計：一個簡單的登錄界面代碼！

是這樣的效果嗎？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr>

</table>
</form>
</body>
</html>

3、HTML網頁設計:如何設計點擊圖片後跳轉到另外一個頁面的指定位置？

在「西瓜：
西瓜是水果。」前面添加 一個錨記

<a name="xigua" id="xigua"></a>

========================

在西瓜圖片 所有的超鏈接中<a href="介紹.html#xiguan"><img src="西瓜.jpg"><img>西瓜</a>

4、html求製作一個簡單網頁代碼，只需要一些文字加張圖片

完整的代碼如下：
<html>
<head>
<title>簡單網頁製作練習</title>
</head>
<body>
<p>1.文字內容，直接輸入文字即可。。。。。如果想設置其相關屬性可以使用font標簽
<font size="18" color="red" >紅色18號文字</font> </p>
<p> 2.添加圖片 <img src="圖片名稱.屬性" id=「圖片簡介」>
<img src="1.jpg" id=" 加入圖片練習"> </p>
</body>
</html>
樓主，如果不明白可以HI聯系我。。。。

5、網頁製作中，如何用html代碼實現有圖片就顯示圖片，沒圖片就不顯示

我明白你的意思。思路如下
查找第一個<img 標簽及之後的第一個>中的內容 再提取src=到第一個空格的內容就是你要的圖片地址，如果為空 你知道的
不過一般是在資料庫的表裡多建一個項，在提交內容的時候就會將這個保存到資料庫里。要不沒次訪問的時候都做一次運算增加負擔。

6、html求製作一個簡單網頁代碼，只需要一些文字加幾張圖片

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  
  <img src="這里填你的圖片名字，例如1.jpg，圖片跟html放在同一個文件夾下面就行">
  <img src="2.jpg">
  <img src="3.jpg">
  <p>這里輸入你想要輸入的文字</p>
  
 </body>
</html>

7、網頁設計html圖片切換怎麼做到的？

圖片切換要用到JAVASCRIPT技術了，不知道樓主學了沒，但是javascript做起來會比較困難，用jquery來做就會簡單很多，裡面封裝了許多方法

8、html網頁設計裡面怎麼平鋪背景圖片？

html網頁設計裡面平鋪背景圖片的代碼如下：
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的，可能有以下原因導致不能平鋪：

1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個div，把其z-index值設為負，並使這個div大小為整個body大小，在div里用<img> ；
3、body的background屬性去掉，要不然會被遮住。

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

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

與html網頁設計實例圖片相關的知識