三小时学会网页设计HTML的基本

第一次接触HTML设计的可以先看看前面几期的内容:HTML简介、HTML的标签和属性、HTML的常用标签和属性(2),这里是HTML基础教程的最后一期(没错,一共就四期,所以你不用觉得它有多难)。html的基本结构1!DOCTYPEhtml         //文档类型   html2htmlxmlns=”       //命名空间3head         //页面头部起始标签4metacharset=UTF-8         //页面文字编码格式5titleDocument/title         //页面标题栏6/head         //页面头部闭合标签7body         //页面内容起始标签8 //书写网页内容代码位置9/body         //页面内容闭合标签10/html         //html闭合标签!DOCTYPEhtml文档类型声明,用来声明HTML的版本等信息。htmlxmlns=HTML文件的所有代码都必须写在html标签里面。xmlns:XMLNamespaces(命名空间),表示此HTML文档的所有内容都来自这个网站。head页面头部,页面的标题等内容都写在这个标签里。metacharset=UTF-8声明网页编码,这里的页面文字编码格式是UTF-8titleDocument/title网页标题。body页面内容起始标签,网页中的所有内容代码都写在这里。常用格式标签注释!--这里用来写注释内容--,注释的内容不会在网页里显示段落p这里用来写段落里的代码/p换行br/这个标签不是成对的粗体b这里用来写想要加粗字体的内容/b斜体i这里用来写想要倾斜字体的内容/i下划线u这里用来写想要加下划线字体的内容/u删除线s这里用来写想要加删除线字体的内容/s上标sup这里用来写想要目标字体效果的内容/sup下标sub这里用来写想要下标字体效果的内容/sub实战:编写一个留言板的HTML页面下面我们根据前几期所讲过的内容:HTML简介、HTML的标签和属性、HTML的常用标签和属性(2)及上面所提到的内容及来写一个标准的HTML文件。代码:!DOCTYPEhtmlhtmllang=zh-cmnheadmetacharset=UTF-8title留言本/title/headbody!--发表留言区--divtextareacols=50rows=5/textareabr/inputtype=text/inputtype=submitvalue=发表留言//div!--显示留言区--divdiv用户名1、留言时间1br/留言内容1/divdiv用户名2、留言时间2br/留言内容2/div/div/body/html注:lang=zh-cmn表示声明元素内容的语言为简体中文cols=50rows=5表示多行文本输入框的长和宽效果:到这里HTML的基本语法就算是基本讲完了。关于HTML语言中的其它代码写法跟我们这几期所讲到的基本类似,所不同的就只是HTML的元素、属性及属性值的作用不同而已。所以现在大家已经具备基本的前端HTML开发能力了。如果想要深入学习也只需要自行去http://www.w3school.com.cn查询并了解相关元素、属性及属性值的作用就行了。Thisisnottheend.Itisnoteventhebeginningoftheend.Butitis,perhaps,theendofthebeginning.更多分享小众电影美国往事丨如果你的一生只能看一部电影的话,那就看这一部吧春夏秋冬又一春丨那么小就当和尚,好伤心啊蝴蝶丨我比你年轻,我还有余力等你(les题材)东京夜空最深蓝丨活着吧,要活到死才对荒野生存丨我想那么年轻,干净,那么寂寞地活着,直到可以突然失踪在马路上的那一天小白教程小程序丨0基础要怎么自学小程序开发小程序丨小程序开发环境搭建和布署小程序丨


转载请注明:http://www.aierlanlan.com/rzgz/7201.html