-
讓品牌有溫度、有情感
專注品牌策劃15年
html網(wǎng)頁制作代碼大全（怎么創(chuàng)建網(wǎng)站）
發(fā)布時(shí)間：2023-04-01 15:24:04
稿源：
創(chuàng)意嶺 閱讀：
131
當(dāng)前文章關(guān)鍵詞排名出租
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于html網(wǎng)頁制作代碼大全的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008
本文目錄:
頁制作代碼大全（怎么創(chuàng)建網(wǎng)站）.jpg)
一、html制作個(gè)人簡歷網(wǎng)頁代碼
以下是我用html的相關(guān)知識制作的個(gè)人簡歷網(wǎng)頁，話不多說先看看最終效果：
如上所示項(xiàng)目一共分為5個(gè)部分，分別對應(yīng)導(dǎo)航欄的5個(gè)內(nèi)容。其中項(xiàng)目技能用的是echarts里的柱狀圖，作品展示用的是bootstrap里的輪播圖，除此之外就是html的基礎(chǔ)內(nèi)容。下面我們展示一下項(xiàng)目的代碼部分：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>我的個(gè)人簡歷</title>
<link rel="stylesheet" href="lib/css/color.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body >
<div class="jumbotron text-center" style="margin-bottom:0" id="grad1">
<img src="lib/pic/1.jpg" width="80px" height="80px" />
<h4>黃智奇</h4>
<p style="font-size: 15px;">2018年升入陜西國防工業(yè)職業(yè)技術(shù)學(xué)院，<br/>學(xué)習(xí)軟件編程，對編程有濃厚的興趣，
在老師的指導(dǎo)，<br/>和自己的課下練習(xí)，漸漸對編程有了更深入的了解。<br/>在課余時(shí)間，
我喜歡唱歌、跑步和打乒乓球。<br/>喜好結(jié)交志同道合的朋友，一起分享學(xué)習(xí)的生活的經(jīng)驗(yàn)。<br/>
有良好的團(tuán)隊(duì)意識，學(xué)習(xí)時(shí)認(rèn)真負(fù)責(zé)。 </p>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a class="navbar-brand" href="#">專業(yè)技能</a>-->
</div>
<div id="relation">
<table class="table table-striped">
<tbody>
<tr align="center">
<td><a href="#email"><button type="button" class="btn btn-primary btn-lg">
<span class="glyphicon glyphicon-envelope"></span>
</button></a></td>
<td> <a href="#email"><button type="button" class="btn btn-primary btn-lg">
<span class=" glyphicon glyphicon-earphone"></span>
</button></a></td>
<td><a href="https://me.csdn.net/qq_44892582" target="_blank"><button type="button" class="btn btn-primary btn-lg">
<span class=" glyphicon glyphicon-user"></span>
</button></a></td>
</tr>
</tbody>
</table>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav nav-pills nav-justified">
<li><a href="#main">專業(yè)技能</a></li>
<li><a href="#project">項(xiàng)目經(jīng)驗(yàn)</a></li>
<li><a href="#myCarousel">作品展示</a></li>
<li><a href="#education">教育經(jīng)歷</a></li>
<li><a href="#relation">聯(lián)系方式</a></li>
</ul>
</div>
</div>
</nav>
<!-- 為ECharts準(zhǔn)備一個(gè)具備大?。▽捀撸┑腄om -->
<div id="main" style="width:
50%;height:400px;left: 25%;"></div>
<script type="text/javascript">
// 基于準(zhǔn)備好的dom，初始化echarts實(shí)例
var myChart = echarts.init(document.getElementById('main'));
// 指定圖表的配置項(xiàng)和數(shù)據(jù)
var option = {
title: {
text: '專業(yè)技能平均分'
},
tooltip: {},
legend: {
data:['分?jǐn)?shù)'],
},
xAxis: {
data: ["Java語言","mysql數(shù)據(jù)庫","Javascript語言","web開發(fā)","ssm框架","springboot框架"],axisLabel: {
// inside: true, 隱藏x軸內(nèi)容
// 改變x軸字體顏色
// textStyle: {
// color: '#8B4500'
// }
},
},
yAxis: {},
series: [{
name: '分?jǐn)?shù)',
type: 'bar',
//改變圖表顏色
color:['#8EE5EE'],
data: [85, 95, 82, 90, 80, 80]
}],
};
// 使用剛指定的配置項(xiàng)和數(shù)據(jù)顯示圖表。
myChart.setOption(option);
</script>
<ul class="list-unstyled" align="center">
<li>Java基礎(chǔ):<br/>
我入門時(shí)首先學(xué)的就是Java基礎(chǔ)，然后再到Java高級開發(fā)，<br/>
在學(xué)習(xí)過程中老師細(xì)致的教學(xué)為我們打下了牢固的java基礎(chǔ)。 </li>
<li>mysql數(shù)據(jù)庫:<br/>
mysql數(shù)據(jù)庫是我們大一第二學(xué)期開的課，配合Java高級開發(fā)一起學(xué)習(xí)的科目，<br/>
因?yàn)樽约罕旧砭拖矚g數(shù)據(jù)庫的一些東西，所有mysql數(shù)據(jù)庫也有良好的基礎(chǔ)。</li>
<li>Javascript語言：<br/>
在學(xué)JavaScript之前我有良好的html5和css基礎(chǔ)，所學(xué)習(xí)JavaScript時(shí)也是十分順利的掌握了課本里的內(nèi)容。</li>
<li>web開發(fā):<br/>
web開發(fā)是我最喜愛的科目之一，servlet的學(xué)習(xí)給我啟發(fā)深刻。</li>
<li>ssm框架:<br/>
ssm框架相比springboot而言是比較繁瑣的，但是在學(xué)習(xí)和理解起來卻比springboot更容易讓人掌握。</li>
<li>springboot框架:<br/>
springboot框架入門起來十分迅速，在基礎(chǔ)的使用起來也是十分方便，但查看源碼時(shí)，沒有ssm容易讓人理解。</li>
</ul>
<div class="container" align="center">
<div class="row">
<div class="col-sm-4">
<h4 class="text-info" id="project">項(xiàng)目名稱</h4>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#car">新能源汽車項(xiàng)目</a></li>
<li><a href="#city">咕泡商城項(xiàng)目</a></li>
<li><a href="#bug">爬蟲項(xiàng)目</a></li>
</ul>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div class="col-sm-8" align="left">
<h4 class="text-info">項(xiàng)目內(nèi)容</h4>
<h4 id="car">新能源汽車</h4>
<h5>企業(yè)saas工坊</h5>
<p>新能源汽車項(xiàng)目是我們掌握smm框架知識后第一個(gè)實(shí)戰(zhàn)項(xiàng)目，該項(xiàng)目由工坊老師指導(dǎo)下，前后端都由我們個(gè)人獨(dú)立完成的項(xiàng)目。
該項(xiàng)目用到了，html5+css3，mysql數(shù)據(jù)庫，spring，mybatis，springmvc框架，ajax，JavaScript，web，bootstrap，echarts，sweetalert
等技術(shù)。項(xiàng)目從開始到完成我們用了2個(gè)月的時(shí)間。該項(xiàng)目的主要是寫一個(gè)汽車app社交平臺，包括用戶登錄注冊，用戶上傳車輛信息，統(tǒng)計(jì)用戶車輛，分析故障車輛原因，
以及導(dǎo)航、朋友圈等功能一體的汽車平臺。該項(xiàng)目用戶的使用方法如下： <p>1.新用戶進(jìn)行登錄注冊。</p>
<p>2.登錄成功后新用戶可以進(jìn)行修改密碼、昵稱、頭像等個(gè)人信息。</p>
<p>3.新用戶上傳自己車輛信息，并綁定賬號。</p>
<p>4.新用戶可以上傳自己車輛故障，系統(tǒng)自動查詢車輛故障原因以及維修方案。</p>
<p>5.用戶可以添加車友，在車友圈發(fā)布求助信息等。</p>
<p>6.用戶還可以進(jìn)行地圖導(dǎo)航，以及查詢公交車，出租車，飛機(jī)等交通工具的時(shí)間和行程。</p>
<p> 通過完成這個(gè)項(xiàng)目，讓我獲得了很大的進(jìn)步。不論是前端知識還是后端知識，在該項(xiàng)目上
都得到了充分的展示。讓我也一下子吸收了很多的知識與技能，為后面的項(xiàng)目打下了堅(jiān)實(shí)的基礎(chǔ)。</p>
</p>
<br>
<h4 id="city">咕泡商城</h4>
<h5>企業(yè)saas工坊</h5>
<p>咕泡商城項(xiàng)目是我們學(xué)完springboot之后的實(shí)戰(zhàn)項(xiàng)目，該項(xiàng)目由工坊老師指導(dǎo)下，前后端都由我們個(gè)人獨(dú)立完成的項(xiàng)目。
該項(xiàng)目用到了，html5+css3,mysql數(shù)據(jù)庫,springboot框架,maven,web,javascript,jquery,ajax,echarts,bootstrap等技術(shù)。
項(xiàng)目從開始到完成我們用了10天的時(shí)間。該項(xiàng)目主要是寫一個(gè)網(wǎng)上商城電商購物平臺，包括用戶登錄注冊，用戶綁定信息，上傳頭像、昵稱等個(gè)人信息，
用戶主要可以在該平臺上面購買各種商品，每種商品都做好了分類管理，用戶點(diǎn)擊分類名稱或者準(zhǔn)確搜索都能顯示出自己想要的商品。用戶點(diǎn)擊商品就可以
鏈接到商品詳情頁面，不論是購物還是瀏覽商品都非常的方便。該項(xiàng)目用戶的使用方法： <p>1.新用戶進(jìn)行登錄注冊。</p>
<p>2.登錄成功后新用戶可以進(jìn)行修改密碼、昵稱、頭像等個(gè)人信息。</p>
<p> 3.用戶自由購買和瀏覽商品信息。</p>
該項(xiàng)目讓我們體驗(yàn)了springboot的配置強(qiáng)大之處，沒有繁瑣的多余配置文件，所有配置都由一個(gè)配置文件解決，簡化了我們smm框架配置的痛苦。 </p>
<br>
<h4 id="bug">爬蟲</h4>
<h5>企業(yè)saas工坊</h5>
<p>爬蟲項(xiàng)目是我們最近才做完的項(xiàng)目。該項(xiàng)目與以往項(xiàng)目不同，該項(xiàng)目是由工坊老師指導(dǎo)下，我們首次前后端分離合作的項(xiàng)目。一個(gè)團(tuán)體3個(gè)人，分別做前端展示數(shù)據(jù)，后端爬取數(shù)據(jù)和數(shù)據(jù)清洗。
我在這個(gè)項(xiàng)目中做的是后端爬取數(shù)據(jù)。我用到了，httpclient，jsoup，webmagic，springboot，maven，mysql等技術(shù)。該項(xiàng)目主要是爬去51job網(wǎng)站上面的工作崗位，
我們主要爬取了與我們軟件相關(guān)的工作崗位，共爬取了2萬條數(shù)據(jù)處理并展示。該項(xiàng)目執(zhí)行步驟如下： <p>1.后端爬取數(shù)據(jù)并存到數(shù)據(jù)庫。</p>
<p>2.中間清洗數(shù)據(jù)，將數(shù)據(jù)改變?yōu)榍岸巳藛T需要的格式。</p>
<p>3.前端人員根據(jù)需求展示數(shù)據(jù)。</p>
該項(xiàng)目讓我們體會到了團(tuán)隊(duì)合作和團(tuán)隊(duì)分工明確的重要性，每個(gè)人做好屬于自己的一份任務(wù)，環(huán)環(huán)相扣才能保質(zhì)保量的完成項(xiàng)目。 </p>
</div></div>
</div>
<div id="myCarousel" class="carousel slide" style="border: solid; border-color: cornflowerblue;">
<!-- 輪播（Carousel）指標(biāo) -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- 輪播（Carousel）項(xiàng)目 -->
<div class="carousel-inner" align="center" >
<div class="item active">
<img src="C:Users1Desktopgpsc.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="First slide">
</div>
<div class="item">
<img src="C:Users1Desktoppc1.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="Second slide">
</div>
<div class="item">
<img src="C:Users1Desktopxny.png" style="width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;" alt="Second slide">
</div>
<div class="item">
<img src="C:Users1Desktoppc2.png" style="width: 80%;height: 800px; border: solid 5px; border-color: darkgray;" alt="Third slide">
</div>
</div>
<!-- 輪播（Carousel）導(dǎo)航 -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a></div>
<div style="width: 100%; height: 220px; " >
<table class="table">
<caption style="text-align: center;"><h4 id="education" style="color: black;">教育經(jīng)歷</h4></caption>
<tbody style="text-align: center;">
<tr>
<td>2006.9.-2012.7</td>
<td>就讀于xx小學(xué)</td>
</tr>
<tr>
<td>2012.9-2015.7 </td>
<td> 就讀于xx初中</td>
</tr>
<tr>
<td>2015.9-2018.7 </td>
<td> 就讀于xx高級中學(xué)</td>
</tr>
<tr>
<td>2018.9-至今 </td>
<td> 就讀于陜西國防工業(yè)職業(yè)技術(shù)學(xué)院</td>
</tr>
</tbody></table></div>
<div class="jumbotron text-center" style="margin-bottom:0" >
<p id="email" align="left">
郵箱:3136484707@qq.com
電話號碼：11111111111
個(gè)人博客:https://me.csdn.net/qq_44892582</p>
</div>
</body></html>
二、html簡單網(wǎng)頁代碼怎么寫？
1、在電腦桌面空白處單擊右鍵，新建一個(gè)記事本并打開
2、在新建文件中輸入如下代碼。 html語言都是以<html><head><title><body>等標(biāo)簽開始，以</html></head></title></body>標(biāo)簽作為結(jié)束。
3、接下來要在<title></title>標(biāo)簽中間輸入標(biāo)題（如個(gè)人網(wǎng)頁）在<body></body>中輸入“自己做的第一個(gè)網(wǎng)頁，厲害吧！”完成后點(diǎn)擊保存。并將記事本后綴名.txt改為.html格式
4、將記事本重命名為.html格式后，出現(xiàn)如下格式。
5、雙擊打開此文件就會出現(xiàn)瀏覽器網(wǎng)頁效果了。
擴(kuò)展資料：
前端和后端的區(qū)別：
1、展示方式
前端指的是用戶可見的界面，網(wǎng)站前端頁面也就是網(wǎng)頁的頁面開發(fā)，比如網(wǎng)頁上的特效、布局、圖片、視頻，音頻等內(nèi)容。前端的工作內(nèi)容就是將美工設(shè)計(jì)的效果圖的設(shè)計(jì)成瀏覽器可以運(yùn)行的網(wǎng)頁，并配合后端做網(wǎng)頁的數(shù)據(jù)顯示和交互等可視方面的工作內(nèi)容。
后端是指用戶看不見的東西，通常是與前端工程師進(jìn)行數(shù)據(jù)交互及網(wǎng)站數(shù)據(jù)的保存和讀取，相對來說后端涉及到的邏輯代碼比前端要多，后端考慮的是底層業(yè)務(wù)邏輯的實(shí)現(xiàn)，平臺的穩(wěn)定性與性能等。
2、所用技術(shù)
前端開發(fā)用到的技術(shù)包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack、AngularJs、ReactJs、VueJs等技術(shù)。
后端開發(fā)以java為例，主要用到的包括但不限于Struts、spring、springmvc、Hibernate Http協(xié)議、Servlet、Tomcat服務(wù)器等技術(shù)。
3、工作職責(zé)
前端工程師主要的工作職責(zé)分為三大部分，分別是傳統(tǒng)的Web前端開發(fā)，移動端開發(fā)和大數(shù)據(jù)呈現(xiàn)端開發(fā)。
后端工程師的主要職責(zé)也集中在三大部分，分別是平臺設(shè)計(jì)、接口設(shè)計(jì)和功能實(shí)現(xiàn)。
4、知識結(jié)構(gòu)
在知識結(jié)構(gòu)方面，前端開發(fā)涉及到的內(nèi)容包括Html、CSS、JavaScript、Android開發(fā)（采用Java或者kotlin）、iOS開發(fā)（采用OC或者Swift）、各種小程序開發(fā)技術(shù)（類Html），隨著前端開發(fā)任務(wù)的不斷拓展，前端開發(fā)后端化也是一個(gè)較為明顯的趨勢。
后端開發(fā)的重點(diǎn)在于算法設(shè)計(jì)、數(shù)據(jù)結(jié)構(gòu)、性能優(yōu)化等方面，在具體的功能實(shí)現(xiàn)部分可以采用Java、Python或者PHP等編程語言來實(shí)現(xiàn)。
三、有沒有好的HTML的代碼大全，最好是被人整理過的？
卷標(biāo) , 屬性名稱 , 簡介
<! - - ... - -> 批注
<!> 跑馬燈
<marquee>...</marquee>普通卷動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預(yù)設(shè)卷動
<marquee behavior=alternate>...</marquee>來回卷動
<marquee direction=down>...</marquee>向下卷動
<marquee direction=up>...</marquee>向上卷動
<marquee direction=right></marquee>向右卷動
<marquee direction=left></marquee>向左卷動
<marquee loop=2>...</marquee>卷動次數(shù)
<marquee width=180>...</marquee>設(shè)定寬度
<marquee height=30>...</marquee>設(shè)定高度
<marquee bgcolor=FF0000>...</marquee>設(shè)定背景顏色
<marquee scrollamount=30>...</marquee>設(shè)定卷動距離
<marquee scrolldelay=300>...</marquee>設(shè)定卷動時(shí)間
<!>字體效果
<h1>...</h1>標(biāo)題字(最大)
<h6>...</h6>標(biāo)題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強(qiáng)調(diào))
<i>...</i>斜體字
<em>...</em>斜體字(強(qiáng)調(diào))
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執(zhí)行標(biāo)記符號)
<listing>...</listing> 固定寬度小字體
...字體顏色
...最小字體
<font style =font-size:100 px>...無限增大
<!>區(qū)斷標(biāo)記
<hr>水平線
<hr size=9>水平線(設(shè)定大小)
<hr width=80%>水平線(設(shè)定寬度)
<hr color=ff0000>水平線(設(shè)定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結(jié)格式
<base href=地址>(預(yù)設(shè)好連結(jié)路徑)
<a href=地址>外部連結(jié)
<a href=地址 target=_blank>外部連結(jié)(另開新窗口)
<a href=地址 target=_top>外部連結(jié)(全窗口連結(jié))
<a href=地址 target=頁框名>外部連結(jié)(在指定頁框連結(jié))
<!>貼圖/音樂
<img src=圖片地址>貼圖
<img src=圖片地址 width=180>設(shè)定圖片寬度
<img src=圖片地址 height=30>設(shè)定圖片高度
<img src=圖片地址 alt=提示文字>設(shè)定圖片提示文字
<img src=圖片地址 border=1>設(shè)定圖片邊框
<bgsound src=MID音樂文件地址>背景音樂設(shè)定
<!>表格語法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網(wǎng)址
<table border=邊框大小>...</table>設(shè)定表格邊框大小(使用數(shù)字)
<table bgcolor=顏色碼>...</table>設(shè)定表格的背景顏色
<table borderclor=顏色碼>...</table>設(shè)定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設(shè)定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設(shè)定表格亮邊框的顏色
<table cellpadding=參數(shù)>...</table>指定內(nèi)容與網(wǎng)格線之間的間距(使用數(shù)字)
<table cellspacing=參數(shù)>...</table>指定網(wǎng)格線與網(wǎng)格線之間的距離(使用數(shù)字)
<table cols=參數(shù)>...</table>指定表格的欄數(shù)
<table frame=參數(shù)>...</table>設(shè)定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數(shù)字)
<table height=高度>...</table>指定表格的高度大小(使用數(shù)字)
<td colspan=參數(shù)>...</td>指定儲存格合并欄的欄數(shù)(使用數(shù)字)
<td rowspan=參數(shù)>...</td>指定儲存格合并列的列數(shù)(使用數(shù)字)
<!>分割窗口
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整
<frameset cols="20%,*">分割左右兩個(gè)框架
<frameset cols="20%,*,20%">分割左中右三個(gè)框架
<分割上下兩個(gè)框架
<frameset rows="20%,*,20%">分割上中下三個(gè)框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A NAME=錨的名稱> 被連結(jié)點(diǎn)的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超級鏈接的分割窗口
<BASEFONT SIZE> 更改預(yù)設(shè)字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設(shè)定文字顏色
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設(shè)定表格標(biāo)題位置
<CAPTION>...</CAPTION> 為表格加上標(biāo)題
<CENTER> 向中對齊
<CITE>...<CITE> 用于引經(jīng)據(jù)典的文字
<CODE>...</CODE> 用于列出一段程序代碼
<COMMENT>...</COMMENT> 加上批注
<DD> 設(shè)定定義列表的項(xiàng)目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字卷標(biāo)
<DL>...</DL> 設(shè)定定義列表的卷標(biāo)
<DT> 設(shè)定定義列表的項(xiàng)目
<EM> 強(qiáng)調(diào)之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設(shè)定字體大小
<FORM ACTION> 設(shè)定戶動式窗體的處理方式
<FORM METHOD> 設(shè)定戶動式窗體之資料傳送方式
<FRAME MARGINHEIGHT> 設(shè)定窗口的上下邊界
<FRAME MARGINWIDTH> 設(shè)定窗口的左右邊界
<FRAME NAME> 為分割窗口命名
<FRAME NORESIZE> 鎖住分割窗口的大小
<FRAME SCROLLING> 設(shè)定分割窗口的滾動條
<FRAME SRC> 將HTML文件加入窗口
<FRAMESET COLS> 將窗口分割成左右的子窗口
<FRAMESET ROWS> 將窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET> 劃分分割窗口
<H1>~<H6> 設(shè)定文字大小
<HEAD> 標(biāo)示文件信息
<HR> 加上分網(wǎng)格線
<HTML> 文件的開始與結(jié)束
<I> 斜體字
<IMG ALIGN> 調(diào)整圖形影像的位置
<IMG ALT> 為你的圖形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片并預(yù)設(shè)圖形大小
四、用表格和表單制作如下網(wǎng)頁。完整html代碼
1、使用標(biāo)簽<table></table>定義網(wǎng)頁的表格,使用style賦值類型將顯示在網(wǎng)頁。
2、使用<tr>標(biāo)簽定義行,使用<th>定義表頭,表頭的文字自動加粗。
3、<tr>和<td>標(biāo)簽配合,定義每行中的表格數(shù)量,現(xiàn)在定義3行5列的表格。
4、使用<caption></caption>定義表格的標(biāo)題。
5、表格分為三個(gè)部分,表頭部，表主體，表尾部。
6、表頭部和主體分別放標(biāo)題和表格的內(nèi)容,而表的尾部通常放的是頁數(shù)。
以上就是關(guān)于html網(wǎng)頁制作代碼大全相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀：
html怎么設(shè)置漸變色背景（html怎么設(shè)置漸變色背景圖片）
html網(wǎng)頁制作（html網(wǎng)頁制作代碼大全）
贛公網(wǎng)安備 50019002502384號
