lowercasecss
css3按钮 时间:2021-02-11 阅读:(
)
02/15/0608:051IntroductiontoCSSHTMLandCSSHTMLandCSSHTML–creatingdocumentsforonlineHTML–creatingdocumentsforonlinedisplaydisplayCascadingStyleSheets–thenew,CascadingStyleSheets–thenew,improvedwaytocontrolawebpage'simprovedwaytocontrolawebpage'sappearanceappearance02/15/0608:052IntroductiontoCSSOverview-topicsOverview-topicsWhatisHTMLBasicformatStructureandtagsEntitiesLists–CSSHyperlinksGraphics(Tables)(moreCSS)02/15/0608:053IntroductiontoCSSWhatWhatisisHTMLHTMLHHyperyperTTextextMMarkuparkupLLanguageanguageHyperText…HyperTextisany(text-based)documentthatincludeslinkstootherdocuments.
…MarkupLanguageMarkuplanguageisusedto"markup"thetext(andothercontents)ofadocumentandspecifyitsappearance.
HTMLAvarietyofmarkuplanguage,usedfordocumentsbeingaccessedovertheInternet02/15/0608:054IntroductiontoCSSAnHTMLdocument–awebpageAnHTMLdocument–awebpageAwebpagecontainsobjectstobedisplayedsimpleobjects:wordsnot-so-simpleobjects:pictures,linkstootherwebpages,wordsindifferentfonts/colors/sizesgroupsofobjects:paragraphs,tables,etc.
AnHTMLelementisanobjectcontainedwithinmarkerscalledtagsElementsinaproperwebpagefollowastructure02/15/0608:055IntroductiontoCSSMinimalElementsofaCorrectHTMLDocumentMinimalElementsofaCorrectHTMLDocumentEVERYhtmldocumentshouldhavethisstructure:theheadcontains"control"informationthebodycontainsthedisplayedcontentseverythingiscontainedwithinthehtmlelement02/15/0608:056IntroductiontoCSSHTMLandDocumentStructureHTMLandDocumentStructureAnHTMLdocumentisacollectionoflogicalparts:sections,paragraphslists,tablesgraphicelementsothers,including"customized"elementsHTMLelementscorrespondtotheselogicalpartsSectionsareseparatedbyheadings,,etc.
ParagraphsareformedbytagsTagsforlistsandfortables02/15/0608:057IntroductiontoCSSMarkingUpwithHTMLMarkingUpwithHTMLTagsmarkoutspecifichtmlelementsTagpropertiesdescribehowtheelementshouldlookFormattingwithTags:Wordsorabbreviationsareenclosedin"anglebrackets"a.
k.
a.
"less-than"and"greater-than"Tagpairscomeinpairs-beginningandend.
example:…Tagsshouldbeinlowercasebutolderwebpagesoftenuseuppercasetags02/15/0608:058IntroductiontoCSSSomeoftheBasicElements(TagPairs)SomeoftheBasicElements(TagPairs)DefineanhtmlfileInformationaboutthefileThefile'stitle(notthe"title"ofthecontents!
)Thedisplayablecontents,,,…(),()Thesecontroltheappearanceofthedisplayedcontents02/15/0608:059IntroductiontoCSSStructuralHTMLElementsStructuralHTMLElementsBlockelementh1,h2,p,ol,ul,table,div,…also:hr,brEachelementcompletelyfillsthewidthofthedisplay–evenifitscontentsdon'tSomeblockelementscancontainotherblockelements-butnotall,andnotalwaysIn-lineelementem,strong,img,a,…OnlyaswideasnecessaryforitscontentsContainedwithinotherelementsCannotcontainablockelement02/15/0608:0510IntroductiontoCSSAngleBracketsinHTML;theEscapeSymbolAngleBracketsinHTML;theEscapeSymbolSomecharacterscan'tbeintypedinawebpage:—"anglebrackets"indicatetags&—"ampersand"isanescapesymbolusedwith;non-EnglishlettersHTMLentitiesproducesuch"un-type-able"charactersEntitybeginswithampersand(&)escape;thenanabbreviation;thenasemicolon(;)<displaysas&displaysas&02/15/0608:0511IntroductiontoCSSasamplingofEuropeanlettersandspecialsymbolsasamplingofEuropeanlettersandspecialsymbolsFindcompletelistsatmontcs.
bloomu.
edu/~bobmon/Information/HTML.
CSS.
JavaScript/html-entities.
htmlorwww.
w3.
org/TR/xhtml1/dtds.
html§§÷÷µëℵ‡üüêê∞∞†ûéé√√>>úúèè¶<somelistsolli{color:red}olliol{list-style-type:upper-roman;}ExamplesofListsThispagedemonstratestwokindsofhtmllists.
Onekindhasnumbers;theotherkindhasbullets.
OrderedlistBreakfast.
Oneword:Pop-Tarts!
coffeeblueberrypoptartLunch.
Leftovers,yum.
Supper.
MydepartmentwillhavesupperwithsomeChinesefaculty.
Unorderedlisttinyelephants:notnativetoPennsylvania.
cats:furryli'lthings.
DorianMarcyEtceteragoldfish:alsoknownascatfood.
parakeets:morecatfood.
02/15/0608:0514IntroductiontoCSSAttributesAttributesAdditionalinformationaddedtoanelementInsidetheoftheopeningtagSomeelementsrequireoneormoreattributesExamples:OptionalformostelementsThestyle="…"andclass="…"attributesareveryusefulforcontrollingappearance02/15/0608:0515IntroductiontoCSSAttributesappliedtotheH1headingelement:AttributesappliedtotheH1headingelement:attributeexampleHeadingwithnoattributes.
helloI'maheadingwithaSTYLEattribute!
AndI'manother.
TheseCSSattributeslooklike…02/15/0608:0516IntroductiontoCSSLinks–whatmakesHTML"Hyper"Links–whatmakesHTML"Hyper"The"anchor"elementformsalinktoadifferentwebpagethereference–thepagebeinglinkedtoalsoknownastheURLtheanchor–thewordorphrasethatyouclickon,togotothelinkopeningtagisplusarequiredattributeclosingtagisAnanchorelement:clickhere02/15/0608:0517IntroductiontoCSSLinkexamples:Linkexamples:attributeexampleThiswebpagedemonstratesalink:clickhere.
Hereisanotherlink:textfile.
Thislinkgoestoawebpagethatissomewhereelse.
Thesourcefileontheleftisdisplayed(rendered)below:Thefirsttwolinksrefertolocalfiles.
ThelastlinkistoaURLonadifferentwebsite:02/15/0608:0518IntroductiontoCSSUniformResourceLocatorsUniformResourceLocatorsKnownasURLsGeneralizedformofa"filename"includesdirectorypaths,website,etc.
mayincludeaprotocolfortransmittingthefileHTTP–HyperTextTransferProtocoltheprotocolusedforwebpages(andotherfiles)sentovertheWorldWideWebusedwithTCP/IPprotocols02/15/0608:0519IntroductiontoCSSNon-textElementsNon-textElementsApictureinawebpageisan"image"elementThetagcreatesanimageelementrequiredattribute:src="…"thepictureisspecifiedbyaURLorfilenameThereisnoclosingtagAnimageelementcanbeusedanywheretextis:Inatable,list,paragraph,etc.
Astheanchorpartofalink02/15/0608:0520IntroductiontoCSSexamplesexamplesThisHTMLsourcefilecontains:–Alocalimage–Alocalimagewithoptionalattributes–AnimageloadedfromadifferentwebsiteontheInternet(across-sitelink)imgexamples<img.
.
.
>requiresthe"src"attribute:Localimage:<imgsrc="money-small.
jpg">Imagewithoptional"width"and"height"attributes<imgheight="100px"width="50%"src="money-small.
jpg">……ApicturefromtheWorldWideWeb:<imgsrc="http://lolcats.
com/images/u/07/38/lolcatsdotcomqmb89lbyjmqmkwoe.
jpg">02/15/0608:0521IntroductiontoCSSexamples–theoutputexamples–theoutputThedisplayedimageslooklikethis…LocalimageLocalimagewithoptionalwidthandheightattributesAnimageloadedovertheInternet
Digital-vm是一家成立于2019年的国外主机商,商家提供VPS和独立服务器租用业务,其中VPS基于KVM架构,提供1-10Gbps带宽,数据中心可选包括美国洛杉矶、日本、新加坡、挪威、西班牙、丹麦、荷兰、英国等8个地区机房;除了VPS主机外,商家还提供日本、新加坡独立服务器,同样可选1-10Gbps带宽,最低每月仅80美元起。下面列出两款独立服务器配置信息。配置一 $80/月CPU:E3-...
NameSilo是通过之前的感恩节优惠活动中认识到这家注册商的,于是今天早上花了点时间专门了解了NameSilo优惠码和商家的详细信息。该商家只销售域名,他们家的域名销售价格还是中规中矩的,没有像godaddy域名标价和使用优惠之后的价格悬殊很大,而且其特色就是该域名平台提供免费的域名停放、免费隐私保护等功能。namesilo新注册域名价格列表,NameSilo官方网站:www.namesilo....
bgpto怎么样?bgp.to日本机房、新加坡机房的独立服务器在搞特价促销,日本独立服务器低至6.5折优惠,新加坡独立服务器低至7.5折优惠,所有优惠都是循环的,终身不涨价。服务器不限制流量,支持升级带宽,免费支持Linux和Windows server中文版(还包括Windows 10). 特色:自动部署,无需人工干预,用户可以在后台自己重装系统、重启、关机等操作!bgpto主打日本(东京、大阪...
css3按钮为你推荐
proprietaryios11支持ipadphotoshop技术ps几大关键技术?win7telnet怎样开启Windows7系统中的Telnet服务google中国地图谷歌退出中国,地图要是关了就太可惜了!手机谷歌地图还能用吗?重庆电信宽带管家中国电信电脑管家是什么?怎么样?win7关闭135端口如何关闭135端口,关闭它有什么影响么?csshackcss常见的hack方法有哪些micromediawww.macromedia.com 是什么网站win7还原系统win7系统怎么恢复出厂设置
虚拟主机评测 域名停靠 北京域名空间 美国独立服务器 加勒比群岛 cve-2014-6271 512au 彩虹ip 灵动鬼影 韩国名字大全 183是联通还是移动 流量计费 息壤代理 台湾谷歌 腾讯总部在哪 台湾google 华为云建站 如何登陆阿里云邮箱 腾讯数据库 SmartAXMT800 更多