1.htmlå¶ä½ä¸ªäººç®å代ç ï¼
2.å¦ä½å¦Webå端
3.怎么用vs开发django(2023年最新解答)
4.重构前端知识体系之HTMLHTML5视频播放的个人个人方式
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? ä¸å¦ä¹ ,è¾¹å¦è¾¹ç»,æ¯ç« åè¿æå°æµè¯ãä¹åå¯ä»¥æ¨¡ä»¿ä¸äºç½ç«åäºé¡µé¢ãæ¬ç«æä¾ç个人å客模æ¿www.yangqq.com/download/é½æ¯æ¯è¾ç®åçå页,å¯ä»¥ä¸è½½ä¸æ¥æ¨¡ä»¿èªå·±åä¸ä¸ªãç解cssæ¯ä¸ªå ç´ çå±æ§,æ ·å¼çå®ç°ä¸ä¸å®åªæä¸ç§åæ³,å¤æ³ä¸æ³è¿æ没æä»ä¹éè¦æ¹è¿çå°æ¹ã
ãæ¡HTML代ç ç¼åæå·§ã
ãCSSç®ææç¨ã
ãDiv+CSS è§åæ´ç 以å注æé®é¢ã
2ãJavaScriptãä¸æ¯ææçç½é¡µé½å¿ é¡»æjs,ä½æ¯è¦æ³å®ç°ä¸äºè¶ é ·çåè½åçé¢çæ¶å,å°±éè¦æ¶åå°jsãå¦æ没æå ¶ä»ç¼ç¨è¯è¨çåºç¡çè¯,å¦èµ·æ¥å¯è½è¦è´¹äºå,è¿æ¯å»ºè®®å å¨ w3schoolä¸å¦ä¹ ãä¹å建议马ä¸çãjavascriptè¯è¨ç²¾ç²¹ã
ãJSç»å ¸å®ä¾ã
3ãPhotoshopãflashãçæä¼ä¸ç¹å¿å°±è¡äº,æ²¡å¿ è¦å ¨é¨é½å¦å¾ç²¾é,å½ç¶å¦æä½ å¨å¦ä¹ çè¿ç¨ä¸,åç°ä½ psæè flashæ¯è¾æå ´è¶£çè¯,ä¹å¯ä»¥å°è¯åç¾å·¥è¿ä¸è¡ã
4ãhtml5åcss3ãå¯ä»¥å äºè§£ä¸ä¸,ç¶ååå ¥æãæ¯ç«IEçæµè§å¨å¤§å¤è¿ä¸æ¯æã
ãå¦ä¹ Html5建ç«æç¨(ä¸)Html5ç®ä»ã
ãå¦ä¹ Html5建ç«æç¨(äº)Html5 è¯æ³ä¸è§åã
ãå¦ä¹ Html5建ç«æç¨(ä¸)Html5å客页é¢è®¾è®¡ä¹ç论ã
ãå¦ä¹ Html5建ç«æç¨(å)ç¨HTML5å个人çç½ç«ã
5ãæµè§å¨å ¼å®¹ãæwebæ å,çç»æå xhtml css3 并符å 符åw3cæ åã代ç è½å ¼å®¹ä¸»æµæµè§å¨Firfox,ChromeãSafariãIEãOperaãè½ç¶IE6å¾å¤é½ä¸å ¼å®¹,ä½ç°å¨è¿ä½¿ç¨ç人è¿æ¯æçãW3Céªè¯å°å:/p/?
在windows下使用vs中的pythonDjango开发的Web应用程序如何发布?让别人可以访问首先得有一个“别人可以访问”的服务器。去看看国内的博客博客云服务吧,比如阿里云或者新浪云。源码源码
然后,个人个人把web程序部署上去。博客博客云服务商应该都提供有文档,源码源码暴涨启动点公式源码介绍如何部署。个人个人
结语:以上就是博客博客首席CTO笔记为大家整理的关于怎么用vs开发django的全部内容了,感谢您花时间阅读本站内容,源码源码希望对您有所帮助,个人个人更多关于怎么用vs开发django的博客博客相关内容别忘了在本站进行查找喔。
重构前端知识体系之HTMLHTML5视频播放的源码源码方式
上节内容我们讲述了HTML5的音频播放,与音频播放类似,个人个人在网页上播放视频之前,博客博客需要借助flash。源码源码antd select源码解析但随着HTML5的到来,这一需求得以改变,因为HTML5自身便可以通过video标签来支持视频播放。
在HTML中播放视频并不简单,尤其是要实现良好的兼容性更是如此。
使用embed方式
embed标签用于定义一个外部容器,用于装载MP4等视频文件。比邻软件源码大全
例如:
缺陷:
使用object方式
object标签同样可以定义一个外部容器,用于装载MP4等视频文件。
例如:
缺陷:
使用video方式
video标签是HTML5专门为视频播放设计的标签,推荐使用。
效果:
缺陷:
最好的解决方案
上述介绍了三种使用视频的方式,可以将它们结合起来使用。
示例:
讲解:
观察以下示例,nginx源码分析锁可以看到使用了4种不同的视频格式,这样做的好处是video元素会尝试播放mp4、ogg或webm格式中的任何一种来播放视频。如果所有尝试都失败,则会回退到embed元素。
效果:
显示效果与video元素一致!
视频格式
video元素支持三种视频格式:MP4,特效网页图源码 WebM, 和 Ogg。
video标签的属性
这里列出了一些常用的video属性,更多请参考w3school。
video的事件
事件是我们与视频交互的重要工具。
这里仅列出部分事件,更多请参考w3school。
一个视频播放器的案例
说了这么多,终于迎来了案例环节!
码上!
效果:
总结:
视频播放的案例也必不可少。
重构前端知识体系,你愿意加入吗?
博客说明与致谢
本文所涉及的资料来源于互联网整理,其中包含个人的总结和观点,分享的目的是为了共建社区和巩固知识。若引用的资料存在侵权问题,请联系本人删除。感谢万能的网络,W3C,菜鸟教程等!感谢辛勤的自己,个人博客,GitHub学习,GitHub公众号归子莫,小程序子莫说。如果你觉得这篇文章对你有所帮助,不妨点赞鼓励一下,好文记得收藏哦!关注我一起成长!所属专栏:重构前端知识体系(HTML)。幸好我在,感谢你来!