在企業(yè)網(wǎng)站建設(shè)中網(wǎng)頁中的html是如何生成的？
2023-10-27 21:56 作者:bili_47741569589 | 我要投稿
HTML即超文本標(biāo)記語言是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。對于初學(xué)者來說一般可以使用工具來生成html，如：DW，HB等，這些都是所見即所得的工具，在設(shè)計(jì)視圖將需要展現(xiàn)的文字、段落、圖片等內(nèi)容通過軟件排好版，在代碼視圖將由軟件自動生成對應(yīng)的HTML代碼，這些代碼由客戶電腦上的瀏覽來解析執(zhí)行。
HTML語言是一種優(yōu)美的語言，幾乎所有的標(biāo)記都是成對出現(xiàn)的，配合CSS樣式和JS腳本來控制頁面顯示的樣式及效果。有一定開發(fā)經(jīng)驗(yàn)的高手往往可以直接用代碼視圖來編寫網(wǎng)頁，不管是軟件生成html還是手寫HTML代碼最終顯示的效果都是一致的。如下圖是由DW設(shè)計(jì)的網(wǎng)頁，下方代碼對應(yīng)的就是HTML代碼，視圖效果和代碼是一一對應(yīng)的。
<!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>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>371jianzhan</title>
<style?type="text/css">
????div{width:60%;margin:10px?auto;overflow:hidden;padding:10px?0;}
????ul{width:90%;}
????ul?li{float:left;width:50%;list-style:none;text-align:center;}
</style>
</head>
<body>
<div>
??<h2>客戶案例</h2>
??我們一直致力于網(wǎng)頁制作美感與營銷的完美融合,在訪客面前展現(xiàn)你的實(shí)力和企業(yè)形象
??<ul>
????<li>
????????<a?href="/"?target="_blank">
????????????<img?src="/upload/image/20201030/1604042112136408.jpg">
????????</a>
????</li>
????<li>
????????<a?href="/"?target="_blank">
????????????<img?src="/upload/image/20200807/1596763982966555.jpg">
????????</a>
????</li>
??</ul>
</div>
</body>
</html>標(biāo)簽：
