1.htmlå¶ä½ä¸ªäººç®å代ç ï¼
htmlå¶ä½ä¸ªäººç®å代ç ï¼
ç½é¡µè®¾è®¡ä¸ªä¸ªäººç®å页é¢ç代ç æ¯ä»ä¹
ç½é¡µè®¾è®¡ä¸ªä¸ªäººç®å页é¢æ¯å±ç代ç æ¯ãæ ¹æ®æ¥è¯¢ç¸æç£¨è®©å ³èµæä¿¡æ¯ï¼ç½é¡µæ¸¸æ©è®¾è®¡æ¯æ ¹æ®å½å¤©çæ°æ®è¿è¡ç´¯è®¡åºæ°ï¼å¨åä¸ä¸ªipä¸ï¼ä»1å¼å§ï¼åäºä¸ªä¸ªäººç®åï¼é¡µé¢ç代ç ä¼ç´¯è®¡æã
htmlå¶ä½ç®å代ç ä¸æ¯ç¨tableçä½ è¯è¯è¿ç§ï¼
é¦å è¦ç¡®éè¦å®ç®åçæ ¼å¼ï¼å¦æ使ç¨HTMLåç®åï¼åºæ¥åºå²æçæ ¼å¼å¯è½å°±æ¯HTMï¼HTMLåç¼çæ件ï¼ä½¿ç¨WORDååºæ¥çæ¯DOCæ©å±åã
ç¡®å®ä½¿ç¨ç½é¡µæ ¼å¼åç®åï¼å»ºè®®ä½¿ç¨è½¯ä»¶æ¥åï¼è¿æ ·åªéè¦å¨è½¯ä»¶éé¢åå¥½æ ¼å¼ï¼èªå¨çæ代ç ï¼å¡«å å 容å³å¯ï¼DREAMWEAVER,源码直接打印源码FRONTPAGEçï¼ä¹å¯ä»¥ä½¿ç¨WORDç¼ååä¿å为页é¢æ ¼å¼ã
代ç ç¼åæ¯è¾éº»ç¦ï¼ä¸è¬æ¥è¯´ç«ç¹å¶ä½çæ¶åï¼ç¨DIVå¸å±ï¼æ°æ®è¾å¤çæ¶åæå«å°±ä¼éæ©ä½¿ç¨TABLEå¸å±ï¼å¯¹ç®åæ¥è¯´ï¼å¯è½ä¼ç¨å°TABLEæ¥å¸å±ï¼çº¯ä»£ç çTABLE,TR,TDä¼ç¨å°å¾å¤ï¼æå·¥ç¼åä¼å¾éº»ç¦ï¼æ ¼å¼ä¹ä¸å®¹ææ§å¶ã
htmlå¶ä½ä¸ªäººç®åç½é¡µä»£ç
以ä¸æ¯æç¨htmlçç¸å ³ç¥è¯å¶ä½ç个人ç®åç½é¡µï¼è¯ä¸å¤è¯´å ççæç»ææï¼
å¦ä¸æ示项ç®ä¸å ±å为5个é¨åï¼åå«å¯¹åºå¯¼èªæ ç5个å 容ãå ¶ä¸é¡¹ç®æè½ç¨çæ¯echartséçæ±ç¶å¾ï¼ä½åå±ç¤ºç¨çæ¯bootstrapéçè½®æå¾ï¼é¤æ¤ä¹å¤å°±æ¯htmlçåºç¡å 容ãä¸é¢æ们å±ç¤ºä¸ä¸é¡¹ç®ç代ç é¨åï¼
!DOCTYPEhtmlhtml
head
metacharset="utf-8"
titleæç个人ç®å/title
linkrel="stylesheet"href="lib/css/color.css"
linkrel="stylesheet"href=""
scriptsrc=""/script
scriptsrc=""/script
scriptsrc=""/script
/head
body
divclass="jumbotrontext-center"style="margin-bottom:0"id="grad1"
imgsrc="lib/pic/1.jpg"width="px"height="px"/
h3é»æºå¥/h3
pstyle="font-size:px;"å¹´åå ¥é西å½é²å·¥ä¸èä¸ææ¯å¦é¢ï¼br/å¦ä¹ 软件ç¼ç¨ï¼å¯¹ç¼ç¨ææµåçå ´è¶£ï¼
å¨èå¸çæ导ï¼br/åèªå·±ç课ä¸ç»ä¹ ï¼æ¸æ¸å¯¹ç¼ç¨æäºæ´æ·±å ¥çäºè§£éè£èãbr/å¨è¯¾ä½æ¶é´ï¼
æå欢å±æãè·æ¥åæä¹ä¹çãbr/å好ç»äº¤å¿åéåçæåï¼ä¸èµ·å享å¦ä¹ ççæ´»çç»éªãbr/
æè¯å¥½çå¢éæè¯ï¼å¦ä¹ æ¶æºå¯è®¤çè´è´£ã/p
/div
navclass="navbarnavbar-inverse"
divclass="container-fluid"
divclass="navbar-header"
buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target="#myNavbar"
spanclass="icon-bar"/span
spanclass="icon-bar"/span
spanclass="icon-bar"/span
/button
!--aclass="navbar-brand"href="#"ä¸ä¸æè½/a--
/div
divid="relation"
table?class="tabletable-striped"
tbody
tralign="center"
tdahref="#email"buttontype="button"class="btnbtn-primarybtn-lg"
spanclass="glyphiconglyphicon-envelope"/span
/button/a/td
tdahref="#email"buttontype="button"class="btnbtn-primarybtn-lg"
spanclass="glyphiconglyphicon-earphone"/span
/button/a/td
tdahref=""target="_blank"buttontype="button"class="btnbtn-primarybtn-lg"
spanclass="glyphiconglyphicon-user"/span
/button/a/td
/tr
/tbody
/table
/div
divclass="collapsenavbar-collapse"id="myNavbar"
ulclass="navnav-pillsnav-justified"
liahref="#main"ä¸ä¸æè½/a/li
liahref="#project"项ç®ç»éª/a/li
liahref="#myCarousel"ä½åå±ç¤º/a/li
ç¶åliahref="#education"æè²ç»å/a/li
liahref="#relation"èç³»æ¹å¼/a/li
/ul
/div
/div
/nav
!--为EChartsåå¤ä¸ä¸ªå ·å¤å¤§å°ï¼å®½é«ï¼çDom--
divid="main"style="width:
%;height:px;left:%;"/div
scripttype="text/javascript"
//åºäºåå¤å¥½çdomï¼åå§åechartså®ä¾
varmyChart=echarts.init(document.getElementById('main'));
//æå®å¾è¡¨çé 置项åæ°æ®
varoption={
title:{
text:'ä¸ä¸æè½å¹³åå'
},
tooltip:{ },
legend:{
data:['åæ°'],
},
xAxis:{
data:["Javaè¯è¨","mysqlæ°æ®åº","Javascriptè¯è¨","webå¼å","ssmæ¡æ¶","springbootæ¡æ¶"],axisLabel:{
//inside:true,éèxè½´å 容
//æ¹åxè½´åä½é¢è²
//textStyle:{
//color:'#8B'
//}
},
},
yAxis:{ },
series:[{
name:'åæ°',
type:'bar',
//æ¹åå¾è¡¨é¢è²
color:['#8EE5EE'],
data:[,,,,,]
}],
};
//使ç¨åæå®çé 置项åæ°æ®æ¾ç¤ºå¾è¡¨ã
myChart.setOption(option);
/script
ulclass="list-unstyled"align="center"
liJavaåºç¡:br/
æå ¥é¨æ¶é¦å å¦çå°±æ¯Javaåºç¡ï¼ç¶ååå°Javaé«çº§å¼åï¼br/
å¨å¦ä¹ è¿ç¨ä¸èå¸ç»è´çæå¦ä¸ºæ们æä¸äºç¢åºçjavaåºç¡ã?/li
limysqlæ°æ®åº:br/
mysqlæ°æ®åºæ¯æ们大ä¸ç¬¬äºå¦æå¼ç课ï¼é åJavaé«çº§å¼åä¸èµ·å¦ä¹ çç§ç®ï¼br/
å 为èªå·±æ¬èº«å°±å欢æ°æ®åºçä¸äºä¸è¥¿ï¼ææmysqlæ°æ®åºä¹æè¯å¥½çåºç¡ã/li
liJavascriptè¯è¨ï¼br/
å¨å¦JavaScriptä¹åææè¯å¥½çhtml5åcssåºç¡ï¼æå¦ä¹ JavaScriptæ¶ä¹æ¯åå顺å©çææ¡äºè¯¾æ¬éçå 容ã/li
liwebå¼å:br/
webå¼åæ¯ææåç±çç§ç®ä¹ä¸ï¼servletçå¦ä¹ ç»æå¯åæ·±å»ã/li
lissmæ¡æ¶:br/
ssmæ¡æ¶ç¸æ¯springbootèè¨æ¯æ¯è¾ç¹ççï¼ä½æ¯å¨å¦ä¹ åç解起æ¥å´æ¯springbootæ´å®¹æ让人ææ¡ã/li
lispringbootæ¡æ¶:br/
springbootæ¡æ¶å ¥é¨èµ·æ¥ååè¿ éï¼å¨åºç¡ç使ç¨èµ·æ¥ä¹æ¯ååæ¹ä¾¿ï¼ä½æ¥çæºç æ¶ï¼æ²¡æssm容æ让人ç解ã/li
/ul
divclass="container"align="center"
divclass="row"
divclass="col-sm-4"
h3class="text-info"id="project"项ç®å称/h3
ulclass="navnav-pillsnav-stacked"
liclass="active"ahref="#car"æ°è½æºæ±½è½¦é¡¹ç®/a/li
liahref="#city"å泡åå项ç®/a/li
liahref="#bug"ç¬è«é¡¹ç®/a/li
/ul
hrclass="hidden-smhidden-mdhidden-lg"
/div
divclass="col-sm-8"align="left"
h3class="text-info"项ç®å 容/h3
h2id="car"æ°è½æºæ±½è½¦/h2
h5ä¼ä¸saaså·¥å/h5
pæ°è½æºæ±½è½¦é¡¹ç®æ¯æ们ææ¡smmæ¡æ¶ç¥è¯å第ä¸ä¸ªå®æ项ç®ï¼è¯¥é¡¹ç®ç±å·¥åèå¸æ导ä¸ï¼åå端é½ç±æ们个人ç¬ç«å®æç项ç®ã
该项ç®ç¨å°äºï¼html5+css3ï¼mysqlæ°æ®åºï¼springï¼mybatisï¼springmvcæ¡æ¶ï¼ajaxï¼JavaScriptï¼webï¼bootstrapï¼echartsï¼sweetalert
çææ¯ã项ç®ä»å¼å§å°å®ææ们ç¨äº2个æçæ¶é´ã该项ç®ç主è¦æ¯åä¸ä¸ªæ±½è½¦app社交平å°ï¼å æ¬ç¨æ·ç»å½æ³¨åï¼ç¨æ·ä¸ä¼ 车è¾ä¿¡æ¯ï¼ç»è®¡ç¨æ·è½¦è¾ï¼åææ é车è¾åå ï¼
以å导èªãæååçåè½ä¸ä½ç汽车平å°ã该项ç®ç¨æ·ç使ç¨æ¹æ³å¦ä¸ï¼p1.æ°ç¨æ·è¿è¡ç»å½æ³¨åã/p
p2.ç»å½æååæ°ç¨æ·å¯ä»¥è¿è¡ä¿®æ¹å¯ç ãæµç§°ã头åç个人信æ¯ã/p
p3.æ°ç¨æ·ä¸ä¼ èªå·±è½¦è¾ä¿¡æ¯ï¼å¹¶ç»å®è´¦å·ã/p
p4.æ°ç¨æ·å¯ä»¥ä¸ä¼ èªå·±è½¦è¾æ éï¼ç³»ç»èªå¨æ¥è¯¢è½¦è¾æ éåå 以åç»´ä¿®æ¹æ¡ã/p
p5.ç¨æ·å¯ä»¥æ·»å 车åï¼å¨è½¦åååå¸æ±å©ä¿¡æ¯çã/p
p6.ç¨æ·è¿å¯ä»¥è¿è¡å°å¾å¯¼èªï¼ä»¥åæ¥è¯¢å ¬äº¤è½¦ï¼åºç§è½¦ï¼é£æºç交éå·¥å ·çæ¶é´åè¡ç¨ã/p
péè¿å®æè¿ä¸ªé¡¹ç®ï¼è®©æè·å¾äºå¾å¤§çè¿æ¥ãä¸è®ºæ¯å端ç¥è¯è¿æ¯å端ç¥è¯ï¼å¨è¯¥é¡¹ç®ä¸
é½å¾å°äºå åçå±ç¤ºã让æä¹ä¸ä¸åå¸æ¶äºå¾å¤çç¥è¯ä¸æè½ï¼ä¸ºåé¢ç项ç®æä¸äºåå®çåºç¡ã/p
/p
br
h2id="city"å泡åå/h2
h5ä¼ä¸saaså·¥å/h5
på泡åå项ç®æ¯æ们å¦å®springbootä¹åçå®æ项ç®ï¼è¯¥é¡¹ç®ç±å·¥åèå¸æ导ä¸ï¼åå端é½ç±æ们个人ç¬ç«å®æç项ç®ã
该项ç®ç¨å°äºï¼html5+css3,mysqlæ°æ®åº,springbootæ¡æ¶,maven,web,javascript,jquery,ajax,echarts,bootstrapçææ¯ã
项ç®ä»å¼å§å°å®ææ们ç¨äºå¤©çæ¶é´ã该项ç®ä¸»è¦æ¯åä¸ä¸ªç½ä¸ååçµåè´ç©å¹³å°ï¼å æ¬ç¨æ·ç»å½æ³¨åï¼ç¨æ·ç»å®ä¿¡æ¯ï¼ä¸ä¼ 头åãæµç§°ç个人信æ¯ï¼
ç¨æ·ä¸»è¦å¯ä»¥å¨è¯¥å¹³å°ä¸é¢è´ä¹°åç§ååï¼æ¯ç§ååé½å好äºå类管çï¼ç¨æ·ç¹å»åç±»å称æè åç¡®æç´¢é½è½æ¾ç¤ºåºèªå·±æ³è¦çååãç¨æ·ç¹å»ååå°±å¯ä»¥
é¾æ¥å°åå详æ 页é¢ï¼ä¸è®ºæ¯è´ç©è¿æ¯æµè§ååé½é常çæ¹ä¾¿ã该项ç®ç¨æ·ç使ç¨æ¹æ³ï¼p1.æ°ç¨æ·è¿è¡ç»å½æ³¨åã/p
p2.ç»å½æååæ°ç¨æ·å¯ä»¥è¿è¡ä¿®æ¹å¯ç ãæµç§°ã头åç个人信æ¯ã/p
p3.ç¨æ·èªç±è´ä¹°åæµè§ååä¿¡æ¯ã/p
该项ç®è®©æ们ä½éªäºspringbootçé 置强大ä¹å¤ï¼æ²¡æç¹ççå¤ä½é ç½®æ件ï¼ææé ç½®é½ç±ä¸ä¸ªé ç½®æ件解å³ï¼ç®åäºæ们smmæ¡æ¶é ç½®ççè¦ã?/p
br
h2id="bug"ç¬è«/h2
h5ä¼ä¸saaså·¥å/h5
pç¬è«é¡¹ç®æ¯æ们æè¿æåå®ç项ç®ã该项ç®ä¸ä»¥å¾é¡¹ç®ä¸åï¼è¯¥é¡¹ç®æ¯ç±å·¥åèå¸æ导ä¸ï¼æ们é¦æ¬¡åå端å离åä½ç项ç®ãä¸ä¸ªå¢ä½3个人ï¼åå«åå端å±ç¤ºæ°æ®ï¼å端ç¬åæ°æ®åæ°æ®æ¸ æ´ã
æå¨è¿ä¸ªé¡¹ç®ä¸åçæ¯å端ç¬åæ°æ®ãæç¨å°äºï¼"
meta?http-equiv="Content-Type"?content="text/html;?charset=gb"
titleæ°å»ºç½é¡µ/title
/head
body
div?align="center"
table?border="1"?cellspacing="1"?width=""?style="table-layout:fixed;width:px;min-height:px;"tr
td?align="center"å§å/tdtd?align="center"/tdtd?align="ä¹è¦center"æ§å«/tdtd?align="center"/tdtd?align="center"åºçbrå¹´æ/tdtd?align="center"å²çº¯å¸¦/tdtd?rowspan="4"?align="center"ï¼ç §çï¼/td/tr
tr
td?align="center"ç±è´¯/tdtd?align="center"/tdtd?align="center"æ°æ/tdtd?align="center"/tdtd?align="center"æ¿æ²»bré¢è²/tdtd?align="center"/td/tr
tr
td?align="center"æ¯ä¸brå¦æ ¡/td