網(wǎng)頁html制作
提問問題
列表
-
如何用只用html 制作圖片輪播效果？
查看答案>>
-
有哪些不用編寫代碼就能輕松制作生成HTML5頁面的工具
查看答案>>
-
HTML里面怎么設(shè)計(jì)做一個加減乘除的網(wǎng)頁
查看答案>>
-
web前端開發(fā)和網(wǎng)頁制作有什么區(qū)別？詳細(xì)點(diǎn)
查看答案>>
-
怎么用html5制作個人主頁
查看答案>>
-
HTML 網(wǎng)頁制作 分層
查看答案>>
-
怎么制作一個固定大小的html頁面
查看答案>>
-
html網(wǎng)頁制作中,把圖片放在左下方怎么做
查看答案>>
-
如何制作HTML頁面
查看答案>>
-
用HTML制作網(wǎng)頁圖片怎么顯示不出來？
查看答案>>
如何用只用html 制作圖片輪播效果？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""><html xmlns="" xml:lang="zh" lang="zh"><head><title>完全利用CSS實(shí)現(xiàn)圖片切換特效_網(wǎng)頁代碼站()</title><meta http-equiv="content-type" content="text/html;charset=gb2312" /><style> dl { position:absolute;width:240px;height:170px;border:10px solid #eee; } dd { margin:0;width:240px;height:170px;overflow:hidden; } img { border:1px solid black } dt { position:absolute;right:3px;top:50px; } a { display:block;margin:1px;width:20px;height:20px;text-align:center;font:700 12px/20px "宋體",sans-serif;color:#fff;text-decoration:none;background:#666;border:1px solid #fff;filter:alpha(opacity=40);opacity:.4; } a:hover {background:#000}</style></head> <body> <dl$amp;>amp;$lt;dt$amp;>amp;$lt;a #a" title="">1</a> <a #b" title="">2</a> <a #c" title="">3</a> </dt> <dd$amp;>amp;$lt;img src="" alt="" id="a" /> <img src="" alt="" id="b" /> <img src="" alt="" id="c" /> </dd> </dl></body></html>
有哪些不用編寫代碼就能輕松制作生成HTML5頁面的工具
HTML5頁面制作工具，大體分為兩類：基于HTML5的網(wǎng)站工具和手機(jī)APP工具（當(dāng)然還有一些其他的，例如基于微信公眾號的等，下面也會介紹）?！ ∠瓤偟恼f一下個人感受1.基于HTML5的工具網(wǎng)站：功能較強(qiáng)大，單頁面的操作性較強(qiáng)，可完成各種頁面交互效果；但是某些時(shí)候會有操作“失靈”的現(xiàn)象，如上傳圖片失敗，點(diǎn)擊保存失敗，生成失敗等。原因你懂得~2.手機(jī)工具APP：相比起工具網(wǎng)站來講，顯得比較順手，有大量模板套用，制作簡單快捷；但是拘泥于現(xiàn)有的模板，使得單頁面不會有較大的可操作空間，從而無法實(shí)現(xiàn)DIY交互效果?！ ∠旅嬲归_說下每個使用過的工具吧基于HTML5的工具網(wǎng)站：【兔展】 優(yōu)點(diǎn)：頁面DIY程度較高，動效實(shí)現(xiàn)起來也簡易方便，可制作比較任性的H5頁面。缺點(diǎn)：屏幕界面大小不可調(diào)節(jié)，上傳的圖會比例失調(diào)；生成后到各尺寸屏上頁面會存在拉伸現(xiàn)象。（此圖意在說明上傳的圖片的尺寸都是網(wǎng)站自己默認(rèn)的一個尺寸，不是圖片本身的尺寸，不利于使用者調(diào)整）【MAKA.im】 可以具體編輯，單頁操作性較高，有新手（有模板）和高階（無模板）兩種編輯模式；翻頁效果比兔展多，模板也更強(qiáng)大一些?！揪痈呋涌?優(yōu)點(diǎn)：最簡單易上手的工具之一，根據(jù)提示一步一步的添加，共4步，最后生成微雜志。相比其他在線工具，較穩(wěn)定。缺點(diǎn)：目前沒試通制作單頁上的交互效果，沒找到開啟pro功能的入口?！続NIMATRON】 優(yōu)點(diǎn)：像flash的在線版，功能強(qiáng)大，可以創(chuàng)建HTML5動畫。適合有動畫基礎(chǔ)的人做演示制作。缺點(diǎn)：需要動畫制作基礎(chǔ)；工作界面響應(yīng)時(shí)間長；貌似只能分享到twitter、Facebook、google+、tumblr？【iSpring 7】 噱頭是PPT轉(zhuǎn)HTML5工具，完美與PPT兼容，可制作Html5移動課件。不過，目前我只能連著VPN再用Safari才能打開網(wǎng)站鏈接?！拘阒谱鳌?優(yōu)點(diǎn)：版式輕松，制作快捷，寬帶穩(wěn)定。缺點(diǎn)：對圖片和文字在各種屏幕上的顯示沒有做很好的適配；不能對模板中文字的編輯調(diào)整位置。手機(jī)工具APP：【初頁】優(yōu)點(diǎn)：模板質(zhì)量高，套用模板編輯時(shí)效率高，操作簡單快捷，效果和體驗(yàn)在制作H5頁面的APP工具里面算是出類拔萃。缺點(diǎn)：單頁面可操作性較低，僅支持套用模板?！究煅s】快速制作邀請函優(yōu)點(diǎn)：易上手，省時(shí)高效，便于統(tǒng)計(jì)。缺點(diǎn)：頁面簡陋，只能選擇固有模板創(chuàng)建文字和添加圖片。【易企秀】中小微企業(yè)的移動場景營銷管家優(yōu)點(diǎn)：套用模板，創(chuàng)建快捷，用來做企業(yè)介紹、產(chǎn)品推薦。擁有強(qiáng)大的推廣統(tǒng)計(jì)、客戶管理功能。嗯，這里應(yīng)該贊一個。缺點(diǎn)：只能用模板，DIY程度低；統(tǒng)計(jì)數(shù)據(jù)是否準(zhǔn)確需要進(jìn)一步確認(rèn)，目前看來可能有遺漏數(shù)據(jù)的現(xiàn)象（在小范圍測試中，統(tǒng)計(jì)到的數(shù)量小于應(yīng)有的數(shù)量）?！疚①N】：通過微信公眾號創(chuàng)建H5頁面優(yōu)點(diǎn)：手機(jī)公眾號內(nèi)直接創(chuàng)建簡單頁面，根據(jù)提示創(chuàng)建即可，無腦方便快捷。缺點(diǎn)：只是單頁面展示，承載不了交互效果等特效和內(nèi)容?！ 】偨Y(jié) 工具網(wǎng)站做的H5頁面，多注重單獨(dú)頁面的自定義交互方案，DIY程度高，相對來說用時(shí)較長，又受制于帶寬因素，故影響操作；工具APP做的H5頁面，多注重效率，目前都是套用模板，因而對單頁面的DIY程度較低，交互效果受限。作為我個人而言，移動互聯(lián)的新任PM，我平時(shí)常用到的是【MAKA】和【兔展】，這兩個相對來說更適合半天時(shí)間來完成；如想快速制作展示頁面就用【初頁】，這個在功能效率與設(shè)計(jì)感方面更突出一些；組織活動、制作邀請函、分發(fā)活動通知等用【快邀約】；平時(shí)推廣新產(chǎn)品、聯(lián)絡(luò)客戶和招聘新人用【易企秀】。轉(zhuǎn)載
HTML里面怎么設(shè)計(jì)做一個加減乘除的網(wǎng)頁
這個需要知道javascript,這方面語言會嗎？不會的話，幫你寫一個了！123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>計(jì)算器</title> </head> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("button").click(function(){ var first = parseInt($("#first").val());//獲取第一個數(shù)的值并轉(zhuǎn)化為數(shù)字 var second = parseInt($("#second").val());//獲取第二個數(shù)的值并轉(zhuǎn)化為數(shù)字 var sum = 0;//定義結(jié)果值 var symbol = parseInt($("[type=radio]:checked").val());//獲取符號的值 //通過對符號的判斷計(jì)算結(jié)果 switch(symbol){ case 0: sum = first + second; break; case 1: sum = first - second; break; case 2: sum = first * second; break; case 3: sum = first / second; break; } var arr = ['+','-','*','/'];//輸出的符號 $("h2 span").text(first + arr[symbol] + second +" = " +sum);//把結(jié)果輸出到結(jié)果欄中 }) }) </script> <body> <h1>計(jì)算器</h1> <p>數(shù)字一：<input type="text" id="first" style="width: 40px;" /></p> <p> <label><input type="radio" name="symbol" value="0" checked="checked"/>+</label> <label><input type="radio" name="symbol" value="1" />-</label> <label><input type="radio" name="symbol" value="2" />*</label> <label><input type="radio" name="symbol" value="3" />/</label> </p> <p>數(shù)字二：<input type="text" id="second" style="width: 40px;" /></p> <p><button>計(jì)算</button></p> <h2>結(jié)果：<span></span></h2> </body></html>
web前端開發(fā)和網(wǎng)頁制作有什么區(qū)別？詳細(xì)點(diǎn)
web前端主要是通過div+css等技術(shù)來完成一個傳統(tǒng)pc網(wǎng)頁的靜態(tài)頁面制作，移動web前端是通過html5+css3等技術(shù)來完成一個手機(jī)端訪問的網(wǎng)頁的制作，一個是針對pc一個是針對手機(jī)，這個就是它們最大的區(qū)別了。國內(nèi)像切圖網(wǎng)等就是專門提供這樣的服務(wù)的，只需要提供設(shè)計(jì)稿就可以了。
怎么用html5制作個人主頁
總體把頁面一分為二，<header>是包含在<article>里面的，頁腳部分是單獨(dú)的一塊兒。大致結(jié)構(gòu)獲悉了后再從局部入手，<header>部分，有主標(biāo)題、副標(biāo)題、還有作者署名，前面我們講過，如果除了主標(biāo)題，還有一個副標(biāo)題，那可以把這兩個標(biāo)題寫在一個<hgroup>元素中。如果除了主標(biāo)題之外，還有其他內(nèi)容，比如內(nèi)容摘要、發(fā)表時(shí)間、作者、圖片或者小標(biāo)題鏈接等，那就應(yīng)該把他們放在一個 <header>元素中?！ ?lt;header> <hgroup> <h1>給個人博客增加色彩元素提升網(wǎng)站用戶體驗(yàn)</h1> <h2>網(wǎng)頁的色彩——決定用戶是否駐足停留的關(guān)鍵</h2> </hgroup> <p class="Byline">design by DanceSmile</p> </header> 接下來是文章正文部分： 部分代碼： <div class="Content"> <p>第一眼看到楊青個人博客網(wǎng)站的時(shí)候，如果你喜歡...</p> ... </div> 正文當(dāng)中還有一幅插圖，html5新增加了插圖這個<figure>語義元素，<figcaption>不是只能包含文本，任何html元素都可以，比如鏈接、小圖標(biāo)。<figcaption>包含了對圖片的完整說明，所以alt文本就顯得多于了，這種情況下，可以把<img>元素中的alt屬性刪除： <figure> <img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"> <figcaption>圖片來源：騰訊CDC《淺析網(wǎng)頁色彩應(yīng)用》</figcaption> </figure> 最后在把上面的代碼寫在<article>里面?！ ?lt;footer>部分只是一些簡單的頁腳信息。
HTML 網(wǎng)頁制作 分層
<body style="background:#333"><!-- 這里是底紋 --> <div style="height:1200px; width:1200px; background:#ccc; margin:auto"><!-- 這里是圖片 --> <div style=" height:1024px;width:1024px; margin:88px auto; background:#F30"><!-- 這里是FLASH --></div> </div></body>這是結(jié)構(gòu)，如果自己使用的話需要調(diào)整好高度的數(shù)值，你只給了我寬度 沒給我高度，所以我就自己給他設(shè)置了高度以做示范
怎么制作一個固定大小的html頁面
<html><body style="width:500px; height:400px; overflow: hidden;">內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容<script type="text/javascript">if (window.screen) { //判斷瀏覽器是否支持window.screen判斷瀏覽器是否支持screenvar myw = 500; //定義一個myw，接受到當(dāng)前全屏的寬var myh = 400; //定義一個myw，接受到當(dāng)前全屏的高window.moveTo(0, 0); //把window放在左上腳window.resizeTo(myw, myh); //把當(dāng)前窗體的長寬跳轉(zhuǎn)為myw和myhwindow.onresize = function () {window.resizeTo(myw, myh);}}</script></body></html>
html網(wǎng)頁制作中,把圖片放在左下方怎么做
用嵌套的div來相對定位：<div id="beijing" style="background-image:url(image/bg/nav_blue.gif); width:400px; height:200px;"><div style="margin-left:100px; margin-top:50px; border:#F00 solid 1px; width:80px; height:40px;"></div></div>上面是個例子下面的代碼解釋 ：margin-left:100px;就是距離背景層左邊的距離為100像素，margin-top:50px; 就是距離背景層上邊的距離為50像素；如果你想把圖放到左下方的地方，就用margin-left:100px;右邊的話就用margin-right:100px;代碼第一行打括號的地方就是放圖片鏈接的自己拿去再稍加琢磨，應(yīng)該很快就可以搞定了！htm代碼其實(shí)很容易懂的！祝你成功吧
如何制作HTML頁面
HTML介紹：(1):<html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> 將此文件保存為“mypage.htm”。啟動瀏覽器。在文件菜單中選擇“打開”（或者“打開頁面”），這時(shí)將出現(xiàn)一個對話框。選擇“瀏覽”（或者“選擇文件”），定位到你剛才創(chuàng)建的HTML文件——“mypage.htm”，選擇它，單擊“打開”。然后在對話框中，你將看到這個文件的地址，比如說：“C:\MyDocuments\mypage.htm”。單擊“確定”，瀏覽器將顯示此頁面。--------------------------------------------------------------------------------例子解釋HTML文檔中，第一個標(biāo)簽是<html>。這個標(biāo)簽告訴瀏覽器這是HTML文檔的開始。HTML文檔的最后一個標(biāo)簽是</html>，這個標(biāo)簽告訴瀏覽器這是HTML文檔的終止。在<head>和</head>標(biāo)簽之間文本的是頭信息。在瀏覽器窗口中，頭信息是不被顯示的。在<title>和</title>標(biāo)簽之間的文本是文檔標(biāo)題，它被顯示在瀏覽器窗口的標(biāo)題欄。在<body>和</body>標(biāo)簽之間的文本是正文，會被顯示在瀏覽器中。在<b>和</b>標(biāo)簽之間的文本會以加粗字體顯示。---常見問題問：我編寫完了HTML文件，但是不能在瀏覽器中看見結(jié)果，為什么？答：請確認(rèn)你保存了文件，并且使用了正確的文件名和擴(kuò)展名，例如：“c:\mypage.htm”，并且確認(rèn)你用瀏覽器打開時(shí)使用同樣的文件名。問：我編輯了HTML文件，但是修改結(jié)果并沒有在瀏覽器中顯示，為什么？答：瀏覽器緩存了你的頁面，所以它不需要兩次讀取同樣的頁面。你修改了這個頁面，瀏覽器并不知道。請使用“刷新/重載”按鈕來強(qiáng)迫瀏覽器讀取編輯過的頁面。 -----------------------------------------------------------------------------HTML基本標(biāo)簽：(2):HTML中最重要的標(biāo)簽是定義標(biāo)題元素，段落和換行的標(biāo)簽。標(biāo)題元素標(biāo)題元素由標(biāo)簽<h1>到<h6>定義。<h1>定義了最大的標(biāo)題元素，<h6>定義了最小的。<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3><h4>This is a heading</h4><h5>This is a heading</h5><h6>This is a heading</h6>HTML自動在一個標(biāo)題元素前后各添加一個空行。(3):段落段落是用<p>標(biāo)簽定義的。<p>This is another paragraph</p> HTML自動在一個段落前后各添加一個空行。--------------------------------------------------------------------------------換行當(dāng)需要結(jié)束一行，并且不想開始新段落時(shí)，使用<br>標(biāo)簽。<br>標(biāo)簽不管放在什么位置，都能夠強(qiáng)制換行。<p>This <br> is a para<br>graph with line breaks</p> <br>標(biāo)簽是一個空標(biāo)簽，它沒有結(jié)束標(biāo)記。基本注意點(diǎn)——有用的技巧當(dāng)你寫下HTML文本的時(shí)候，你不能確知在另外一個瀏覽器中，這些文本將被如何顯示。有人用著大的顯示器，有的人用的小一些。每次用戶調(diào)整窗口大小的時(shí)候，文本都將被重新格式化。不要想在編輯器中寫一些空行和空格來協(xié)助排版。HTML將截掉你文本中的多余空格。不管多少個空格，處理起來只當(dāng)一個。一點(diǎn)附加信息：在HTML里面，一個空行也只被當(dāng)作一個空格來處理。使用空段落<p>來插入空白行是一個壞習(xí)慣，請使用<br>標(biāo)簽來替代。（但是不要用<br>標(biāo)簽來創(chuàng)建列表，我們后面會專門學(xué)習(xí)HTML列表的。）你也許注意到了段落可以不寫結(jié)束標(biāo)記</p>。別依賴它，HTML的下一個版本將不準(zhǔn)你漏掉任何一個結(jié)束標(biāo)簽。HTML自動在某些元素前后增加額外的空行，就像在段落和標(biāo)題元素的前后一樣。我們使用了水平線（<hr>標(biāo)簽）來分隔我們教程的章節(jié)。示例：a:多個段落： <html><body><p>This paragraph contains a lot of lines in the source code,but the browser ignores it.</p><p>This paragraph contains a lot of spaces in the source code,but the browser ignores it.</p><p>The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.</p></body></html>(這個例子說明了段落的一些默認(rèn)行為。)b:換行： <html><body><p>To break<br>lines<br>in a<br>paragraph,<br>use the br tag.</p></body></html> (這個例子說明了在HTML文檔中換行的使用。)c:詩歌的問題： <html><body><p> My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.</p><p>Note that your browser simply ignores your formatting!</p></body></html>(這個例子說明了HTML顯示格式的一些問題。)d:標(biāo)題元素： <html><body><h1>This is heading 1</h1><h2>This is heading 2</h2><h3>This is heading 3</h3><h4>This is heading 4</h4><h5>This is heading 5</h5><h6>This is heading 6</h6><p>Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.</p></body></html>(這個例子說明了在HTML中顯示標(biāo)題元素的標(biāo)簽。)e:居中的標(biāo)題元素：<html><body><h1 align="center">This is heading 1</h1><p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p></body></html>(這個例子顯示了一個居中的標(biāo)題元素。)f:水平線：<html><body><p>The hr tag defines a horizontal rule:</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p><hr><p>This is a paragraph</p></body></html>(這個例子說明了如何插入水平線。)g:隱藏的注釋：<html><body><!--This comment will not be displayed--><p>This is a regular paragraph</p></body></html>(這個例子說明了在HTML文檔中如何插入隱藏的注釋。)h:背景色：<html><body bgcolor="yellow"><h2>Look: Colored Background!</h2></body></html>(這個例子說明了如何給頁面設(shè)置背景色。)
用HTML制作網(wǎng)頁圖片怎么顯示不出來？
屬性之間用空格隔開，不要連一起。另外，你代碼中的很多標(biāo)簽已經(jīng)被廢棄了。建議你從W3C School上學(xué)習(xí)這些基礎(chǔ)。
熱門問答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁是哪個公司做的
- 免費(fèi)制作企業(yè)
- 簡單個人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些
