centrescss
css3圆角 时间:2021-02-11 阅读:()
Introduction:HTML,XHTMLetCSSConceptsetTechnologiesXMLMasterProILIAnnee2013-141/58Introduction:HTML,XHTMLetCSSAnnee2013-14UnrapidehistoriqueLeslangagesdebalises:SGML(StandardGeneralizedMarkupLanguage)datedudebutdesannees70Leweb:creationauCERNen1989parTimBerners-Lee.
Objectif:mettre`adispositionfacilementdesdocuments.
`Al'origine,destravauxderechercheenphysiquequiinteressaientunecommunauteinternationalementdispersee.
2/58Introduction:HTML,XHTMLetCSSAnnee2013-14UnrapidehistoriqueEnutilisantunlangagededescriptiondedocuments:HTML(HyperTextMarkupLanguage)langagedebalisageheritedeSGMLliensentredesdocumentssituesn'importeo`usurlereseaudiusiondedocumentscontenantdutexte,desimages,dusonlamiseenformeestinterpreteeparlenavigateurBasesurunprotocole:HTTP3/58Introduction:HTML,XHTMLetCSSAnnee2013-14Architectureclient/serveurunserveurweb:ouserveurHTTP-Dprocessusquiattenddesrequetesd'unclientweb;unclientweb:ounavigateur,processusquieectuelesrequetesHTTPaupr`esd'unserveur.
executionsurleserveursdetraitements(scriptsCGI,servlets.
.
.
)ousurleclientgeneralisation:leswebservices4/58Introduction:HTML,XHTMLetCSSAnnee2013-14UniformResourceIdentierLocalisationd'uneressourcesurInternet:UniformResourceLocator(URL)protocole://nomHote[:port]/chemin/nomFichier[#part]UniformResourceName(URN)touslesautresmoyensd'identieruneressourcesansprecisersonemplacement5/58Introduction:HTML,XHTMLetCSSAnnee2013-14Lesprotocolesleacc`es`aunchierdudisquelocalftpacc`es`aunserveurftphttpacc`es`aunserveurhttphttpsacc`es`aunserveurhttpavecuneliaisonsecuriseemailtoenvoid'unmessagenewsacc`es`aunforumUsenettelnetconnexionversunservicetelnet.
.
.
6/58Introduction:HTML,XHTMLetCSSAnnee2013-14Necessited'etablirdesnormesLeW3C(WorldWideWebConsortium)www.
w3.
orgaetefondeen1994parTimBerners-Lee.
Sonobjectifestderedigerdesrecommandationspourlaspecicationdeslangages,desservices,desprotocolesliesauWeb.
Danslesannees90,guerreentrelesnavigateurs:ajoutsdespecicitesaulangageHTML.
Siteoptimisepour.
.
.
Avoirducodenormalise:etreindependantdelaplateformeduclient!
LesprincipesduW3C:WebforAllWebonEverything7/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CL'equipe:unesoixantainedechercheursetd'ingenieurs,pourlaplupartdansl'undecestroiscentresleMIT(Massachusset'sInstituteofTechnology)l'ERCIM(ConsortiumEuropeendeRechercheenInformatiqueetAutomatique)KeioUniversity(Japon)Lesmembres:383membresactuellementdesuniversitesdescentresderecherchedessocietesprivees(AT&T,Google,IBM,ILOG,MicroSoft,Mozilla,Nokia,SUN,etc.
.
.
)8/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CLeW3Ceditedesrecommandations,quisontdesspecications,i.
e.
desnormespourtouslesprotocolesettechnologiesduWeband'assurerleurinteroperabiliteetdeguiderl'evolutionduweb.
Lorsqu'unerecommandationesteditee,apr`esunlongprocessus,c'estqu'unconsensusaetetrouveentretouslesmembresduW3C.
Outrelesrecommandations,lew3cproposedeladocumentation,destutoriaux,desvalidateurs.
.
.
http://www.
w3.
org9/58Introduction:HTML,XHTMLetCSSAnnee2013-14ContenuducoursXHTMLetlesCSSJavascript,Ajax,JQuery,.
.
.
XMLetDTDXPathXSLTschemasXMLwebsemantiquelesAPIdeprogrammationXML(SAX,DOM)XQuery10/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeslimitationsduHTML`al'origine,HTMLdecritlastructuredudocumentmaisderiveversunlangaged'apparence(codagedelamiseenformeendur)permissiviteduHTMLinterpretationdierenteselonlesnavigateurspasdepossibilitedesortiesspecialisees(impression,braille,etc)11/58Introduction:HTML,XHTMLetCSSAnnee2013-14XMLXML:eXtensibleMarkupLanguageensembleder`eglesquipermettentlacreationdelangagesdebalisagepersonnalisesoul'utilisationdelangagesdebalisageexistants.
NombreusestechnologiesautourdeXML.
Pourl'achagededocuments:lesfeuillesdestyleCSSCascadingStyleSheets12/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLXHTML:versiondeHTMLquiheritedeXMLtraductiondeHTML4.
0compatibleavecXMLcadrestrictduXML:meilleurcomportementpermetd'accederauxextensionsdeXML.
XHTML1.
0existeentroisversions:StrictXHTML:eliminedenombreuxelementsdemiseenformeduHTML.
Utilisationd'uneCSSpourobtenirlamiseenformevoulue;TransitionalXHTML:conserveleselementsetattributsdeHTML.
Garantitlacompatibiliteaveclesanciensnavigateurs.
FramesetXHTML:idemquestrictaveclapossibilited'utiliserdescadres.
13/58Introduction:HTML,XHTMLetCSSAnnee2013-14HTML5endiscussiondepuis2004,toujoursenstatutdraft!
CertainsmodulesontunstatutCandidateRecommendation.
objectifs:fournirunesyntaxeHTMLetunesyntaxeXHTMLameliorerlesbalisesdulangagepreciserlesmod`elesdetraitementdesdocumentsHTMLpourfavoriserl'interoperabilitedesapplicationsintroduiredenouvellesbalisesetdesAPIspourlesnouvellesapplicationsWeb(meilleurepriseencompteduwebdynamique)14/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesvalidateursServicesoertsparleW3C:validateursXHTMLetHTMLvalidateurdeCSS15/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5ElementssyntaxiquesspeciquesXML:balisesenminuscules;cen'estpasobligatoireenHTML,maisc'estplusjoli!
touteslesbalisesdoiventcomporterunebaliseden,cen'estpasobligatoireenHTML,maisc'estuner`egle`aconserverlesbalisesvidesdoiventsenirparunmarqueurcen'estpaslecasenHTML!
touteslesvaleursd'attributsdoiventetrequoteesXML:cen'estpastoujourslecasenHTML:HTML:16/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5PourcreerundocumentXHTML1.
1PourcreerundocumentHTML517/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Structure:html,head,bodyElementsdel'enteteMetadata:meta,titleLiaisons:base,linkScriptscoteclient:scriptStyles:style18/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsdel'enteteCeciestunexempledepage.
.
.
19/58Introduction:HTML,XHTMLetCSSAnnee2013-14ElementsducorpsElementsdetypeblocsdestructure:h1-h6,p,divd'expression:address,blockquote,predepresentation:center,hrElementsdetypeenlignedestructure:em,q,strong,spand'expression:abbr,cite,code,dfn,del,ins,kbd,samp,var,img20/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,ElementsenligneAladifferencedesmethodesemployeesdanslesannees90,lesCSSHTMLetdesinformationsdemiseenpage.
Legainrealiseestconsiderable.
Lesfeuillesdestyleprintpermettentuneimpressionimmediated'unepagedepuislenavigateur,etdispensentd'avoir`acreeruneversionimprimabledudocumentHTML21/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,Elementsenligne22/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Liens:aListes:dl,dt,dd,ol,ul,liTables:table,td,th,tr,.
.
.
Formulaires:form,input,select,option,textarea,.
.
.
Images:img,area,mapScriptscoteclient:noscript,scriptEvenements:onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup.
.
.
23/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5attention:HTML5n'esttoujourspasunstandardduweb,beaucoupd'evolutions(etaussideretoursenarri`ere)diversementreconnuessuivantlesnavigateurs.
.
.
ungrosajoutdeHTML5estlegraphiqueavecl'elementcanvaslesbalisesassociees`adelamiseenformenesontplusautorisees:big,center,s,tt,u,font,.
.
.
maisonatoujoursstrong,emphmarkpermetdesurlignerdesmorceauxdetextewbrpermetdesuggererunecoupuredemotaunavigateur24/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5arriveedenouveauxpetitselementsgraphiquesunejaugemeter(pourusagestatique)etunebarredeprogression(pourusagedynamique)Progression:25/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5nouvellesbalisespourlastructuredudocument:articleetsection:permettentderegrouperdesinformationstextuelles,tellesquedesparagraphes,destitres,d'autressectionarticledoitcontenirunepartiedetexteindependantedurestedelapage;lesh1,.
.
.
h6quis'ytrouventsontinterpretesenfonctionducontexte;asidepermetderassemblerdeselements(paragraphes,titres)quisontfortementliesentreeuxmaisrestentconnectesauxelementsenvironnants;header,footeretnav:headerpermetdecontenirdeselementsintroductifs`alapage,oudesmenusdenavigationfootercontientdeselementsdendepageoudesection.
Peutcontenirdesmenusdenavigationnavcontientdesmenusdenavigation26/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5figureetfigcaptionfigurepourencapsulerlesillustrations(images,videos,cartes.
.
.
)figcaptionpourajouterunelegendeauxillustrationsdenouveauxelementspermettentunepriseenchargedumultimedia:elementsvideoetaudioUnepageenHTML5unlienunautrelienencoreunlienencoreunautrelien28/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5Uniquementdestitresdeniveau1PourcommencerUnpremierexercicepourvoirunpeu.
.
.
untitred'imagePourcontinuerUndeuxi`emeexercicepourallerplusloin.
.
.
Objectif:mettre`adispositionfacilementdesdocuments.
`Al'origine,destravauxderechercheenphysiquequiinteressaientunecommunauteinternationalementdispersee.
2/58Introduction:HTML,XHTMLetCSSAnnee2013-14UnrapidehistoriqueEnutilisantunlangagededescriptiondedocuments:HTML(HyperTextMarkupLanguage)langagedebalisageheritedeSGMLliensentredesdocumentssituesn'importeo`usurlereseaudiusiondedocumentscontenantdutexte,desimages,dusonlamiseenformeestinterpreteeparlenavigateurBasesurunprotocole:HTTP3/58Introduction:HTML,XHTMLetCSSAnnee2013-14Architectureclient/serveurunserveurweb:ouserveurHTTP-Dprocessusquiattenddesrequetesd'unclientweb;unclientweb:ounavigateur,processusquieectuelesrequetesHTTPaupr`esd'unserveur.
executionsurleserveursdetraitements(scriptsCGI,servlets.
.
.
)ousurleclientgeneralisation:leswebservices4/58Introduction:HTML,XHTMLetCSSAnnee2013-14UniformResourceIdentierLocalisationd'uneressourcesurInternet:UniformResourceLocator(URL)protocole://nomHote[:port]/chemin/nomFichier[#part]UniformResourceName(URN)touslesautresmoyensd'identieruneressourcesansprecisersonemplacement5/58Introduction:HTML,XHTMLetCSSAnnee2013-14Lesprotocolesleacc`es`aunchierdudisquelocalftpacc`es`aunserveurftphttpacc`es`aunserveurhttphttpsacc`es`aunserveurhttpavecuneliaisonsecuriseemailtoenvoid'unmessagenewsacc`es`aunforumUsenettelnetconnexionversunservicetelnet.
.
.
6/58Introduction:HTML,XHTMLetCSSAnnee2013-14Necessited'etablirdesnormesLeW3C(WorldWideWebConsortium)www.
w3.
orgaetefondeen1994parTimBerners-Lee.
Sonobjectifestderedigerdesrecommandationspourlaspecicationdeslangages,desservices,desprotocolesliesauWeb.
Danslesannees90,guerreentrelesnavigateurs:ajoutsdespecicitesaulangageHTML.
Siteoptimisepour.
.
.
Avoirducodenormalise:etreindependantdelaplateformeduclient!
LesprincipesduW3C:WebforAllWebonEverything7/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CL'equipe:unesoixantainedechercheursetd'ingenieurs,pourlaplupartdansl'undecestroiscentresleMIT(Massachusset'sInstituteofTechnology)l'ERCIM(ConsortiumEuropeendeRechercheenInformatiqueetAutomatique)KeioUniversity(Japon)Lesmembres:383membresactuellementdesuniversitesdescentresderecherchedessocietesprivees(AT&T,Google,IBM,ILOG,MicroSoft,Mozilla,Nokia,SUN,etc.
.
.
)8/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CLeW3Ceditedesrecommandations,quisontdesspecications,i.
e.
desnormespourtouslesprotocolesettechnologiesduWeband'assurerleurinteroperabiliteetdeguiderl'evolutionduweb.
Lorsqu'unerecommandationesteditee,apr`esunlongprocessus,c'estqu'unconsensusaetetrouveentretouslesmembresduW3C.
Outrelesrecommandations,lew3cproposedeladocumentation,destutoriaux,desvalidateurs.
.
.
http://www.
w3.
org9/58Introduction:HTML,XHTMLetCSSAnnee2013-14ContenuducoursXHTMLetlesCSSJavascript,Ajax,JQuery,.
.
.
XMLetDTDXPathXSLTschemasXMLwebsemantiquelesAPIdeprogrammationXML(SAX,DOM)XQuery10/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeslimitationsduHTML`al'origine,HTMLdecritlastructuredudocumentmaisderiveversunlangaged'apparence(codagedelamiseenformeendur)permissiviteduHTMLinterpretationdierenteselonlesnavigateurspasdepossibilitedesortiesspecialisees(impression,braille,etc)11/58Introduction:HTML,XHTMLetCSSAnnee2013-14XMLXML:eXtensibleMarkupLanguageensembleder`eglesquipermettentlacreationdelangagesdebalisagepersonnalisesoul'utilisationdelangagesdebalisageexistants.
NombreusestechnologiesautourdeXML.
Pourl'achagededocuments:lesfeuillesdestyleCSSCascadingStyleSheets12/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLXHTML:versiondeHTMLquiheritedeXMLtraductiondeHTML4.
0compatibleavecXMLcadrestrictduXML:meilleurcomportementpermetd'accederauxextensionsdeXML.
XHTML1.
0existeentroisversions:StrictXHTML:eliminedenombreuxelementsdemiseenformeduHTML.
Utilisationd'uneCSSpourobtenirlamiseenformevoulue;TransitionalXHTML:conserveleselementsetattributsdeHTML.
Garantitlacompatibiliteaveclesanciensnavigateurs.
FramesetXHTML:idemquestrictaveclapossibilited'utiliserdescadres.
13/58Introduction:HTML,XHTMLetCSSAnnee2013-14HTML5endiscussiondepuis2004,toujoursenstatutdraft!
CertainsmodulesontunstatutCandidateRecommendation.
objectifs:fournirunesyntaxeHTMLetunesyntaxeXHTMLameliorerlesbalisesdulangagepreciserlesmod`elesdetraitementdesdocumentsHTMLpourfavoriserl'interoperabilitedesapplicationsintroduiredenouvellesbalisesetdesAPIspourlesnouvellesapplicationsWeb(meilleurepriseencompteduwebdynamique)14/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesvalidateursServicesoertsparleW3C:validateursXHTMLetHTMLvalidateurdeCSS15/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5ElementssyntaxiquesspeciquesXML:balisesenminuscules;cen'estpasobligatoireenHTML,maisc'estplusjoli!
touteslesbalisesdoiventcomporterunebaliseden,cen'estpasobligatoireenHTML,maisc'estuner`egle`aconserverlesbalisesvidesdoiventsenirparunmarqueurcen'estpaslecasenHTML!
touteslesvaleursd'attributsdoiventetrequoteesXML:cen'estpastoujourslecasenHTML:HTML:16/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5PourcreerundocumentXHTML1.
1PourcreerundocumentHTML517/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Structure:html,head,bodyElementsdel'enteteMetadata:meta,titleLiaisons:base,linkScriptscoteclient:scriptStyles:style18/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsdel'enteteCeciestunexempledepage.
.
.
19/58Introduction:HTML,XHTMLetCSSAnnee2013-14ElementsducorpsElementsdetypeblocsdestructure:h1-h6,p,divd'expression:address,blockquote,predepresentation:center,hrElementsdetypeenlignedestructure:em,q,strong,spand'expression:abbr,cite,code,dfn,del,ins,kbd,samp,var,img20/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,ElementsenligneAladifferencedesmethodesemployeesdanslesannees90,lesCSSHTMLetdesinformationsdemiseenpage.
Legainrealiseestconsiderable.
Lesfeuillesdestyleprintpermettentuneimpressionimmediated'unepagedepuislenavigateur,etdispensentd'avoir`acreeruneversionimprimabledudocumentHTML21/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,Elementsenligne22/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Liens:aListes:dl,dt,dd,ol,ul,liTables:table,td,th,tr,.
.
.
Formulaires:form,input,select,option,textarea,.
.
.
Images:img,area,mapScriptscoteclient:noscript,scriptEvenements:onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup.
.
.
23/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5attention:HTML5n'esttoujourspasunstandardduweb,beaucoupd'evolutions(etaussideretoursenarri`ere)diversementreconnuessuivantlesnavigateurs.
.
.
ungrosajoutdeHTML5estlegraphiqueavecl'elementcanvaslesbalisesassociees`adelamiseenformenesontplusautorisees:big,center,s,tt,u,font,.
.
.
maisonatoujoursstrong,emphmarkpermetdesurlignerdesmorceauxdetextewbrpermetdesuggererunecoupuredemotaunavigateur24/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5arriveedenouveauxpetitselementsgraphiquesunejaugemeter(pourusagestatique)etunebarredeprogression(pourusagedynamique)Progression:25/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5nouvellesbalisespourlastructuredudocument:articleetsection:permettentderegrouperdesinformationstextuelles,tellesquedesparagraphes,destitres,d'autressectionarticledoitcontenirunepartiedetexteindependantedurestedelapage;lesh1,.
.
.
h6quis'ytrouventsontinterpretesenfonctionducontexte;asidepermetderassemblerdeselements(paragraphes,titres)quisontfortementliesentreeuxmaisrestentconnectesauxelementsenvironnants;header,footeretnav:headerpermetdecontenirdeselementsintroductifs`alapage,oudesmenusdenavigationfootercontientdeselementsdendepageoudesection.
Peutcontenirdesmenusdenavigationnavcontientdesmenusdenavigation26/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5figureetfigcaptionfigurepourencapsulerlesillustrations(images,videos,cartes.
.
.
)figcaptionpourajouterunelegendeauxillustrationsdenouveauxelementspermettentunepriseenchargedumultimedia:elementsvideoetaudioUnepageenHTML5unlienunautrelienencoreunlienencoreunautrelien28/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5Uniquementdestitresdeniveau1PourcommencerUnpremierexercicepourvoirunpeu.
.
.
untitred'imagePourcontinuerUndeuxi`emeexercicepourallerplusloin.
.
.
阿里云服务器绑定域名的几个流程整理
今天遇到一个网友，他之前一直在用阿里云虚拟主机，我们知道虚拟主机绑定域名是直接在面板上绑定的。这里由于他的网站项目流量比较大，虚拟主机是不够的，而且我看他虚拟主机已经有升级过。这里要说的是，用过阿里云虚拟主机的朋友可能会比较一下价格，实际上虚拟主机价格比云服务器还贵。所以，基于成本和性能的考虑，建议他选择云服务器。毕竟他的备案都接入在阿里云。这里在选择阿里云服务器后，他就蒙圈不知道如何绑定域名。这...
UCloud优刻得，新增1核1G内存AMD快杰云机型，服务器2元/首月，47元/年
UCloud优刻得近日针对全球大促活动进行了一次改版，这次改版更加优惠了，要比之前的优惠价格还要低一些，并且新增了1核心1G内存的快杰云服务器，2元/首年，47元/年，这个价格应该是目前市面上最低最便宜的云服务器产品了，有需要国内外便宜VPS云服务器的朋友可以关注一下。UCloud好不好，UCloud服务器怎么样？UCloud服务器值不值得购买UCloud是优刻得科技股份有限公司旗下拥有的云计算服...
Webhosting24：€15/年-AMD Ryzen/512MB/10GB/2TB/纽约&日本&新加坡等机房
Webhosting24是一家始于2001年的意大利商家，提供的产品包括虚拟主机、VPS、独立服务器等，可选数机房包括美国洛杉矶、迈阿密、纽约、德国慕尼黑、日本、新加坡、澳大利亚悉尼等。商家VPS主机采用AMD Ryzen 9 5950X CPU，NVMe磁盘，基于KVM架构，德国机房不限制流量，网站采用欧元计费，最低年付15欧元起。这里以美国机房为例，分享几款套餐配置信息。CPU：1core内存...
css3圆角为你推荐
-
Specificationsapple宜昌市体育中心可現場列印的全自動單面和雙面印相機followgooglefollowcssToolgraphnetbios端口netbios ssn是什么意思?netbios端口如何组织netbios端口的外部通信tracerouteLinux 下traceroute的工作原理是什么 ！勒索病毒win7补丁怎么删除 防勒索病毒 打的补丁