[历史归档]本文原发布于 cstriker1407.info 个人博客内容为历史存档仅供参考。发布时间2014-02-10 标题html学习备注分类编程 / web / html 标签htmlhtml学习备注什么是 HTMLHTML 是用来描述网页的一种语言。HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 文档 网页HTML 文档描述网页HTML 属性HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。空行和空格HTML 块元素HTML 内联元素HTML div 元素HTML span 元素实例代码实例效果this is H1this is H2this is H3this is H6最近想自学一下web开发中需要的各种基础知识就开始在【 W3school 】上学习各种教程这里备注下最基本的html笔记。备注部分笔记内容来自【 W3school 】网站版权归原作者所有。什么是 HTMLHTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词比如HTML 标签通常是成对出现的比如和标签对中的第一个标签是开始标签第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签HTML 标签对大小写不敏感等同于。许多网站都使用大写的 HTML 标签。W3School 使用的是小写标签因为万维网联盟W3C在 HTML 4 中推荐使用小写而在未来 (X)HTML 版本中强制使用小写。HTML 文档 网页HTML 文档描述网页HTML 文档包含 HTML 标签和纯文本HTML 文档也被称为网页HTML 文档是由 HTML 元素定义的。HTML 属性HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现比如name“value”。属性总是在 HTML 元素的开始标签中规定。始终为属性值加引号HTML 提示使用小写属性属性值应该始终被包括在引号内。双引号是最常用的不过使用单引号也没有问题。在某些个别的情况下比如属性值本身就含有双引号那么您必须使用单引号例如nameBill HelloWorld Gates空行和空格我们无法确定 HTML 被显示的确切效果。屏幕的大小以及对窗口的调整都可能导致不同的结果。对于 HTML您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是HTML 代码中的所有连续的空行换行也被显示为一个空格。HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素。编者注“块级元素”译为 block level element“内联元素”译为 inline element。块级元素在浏览器显示时通常会以新行来开始和****结束。例子,,,HTML 内联元素内联元素在显示时通常不会以新行开始****。例子,, ,HTML元素HTML元素是块级元素它是可用于组合其他 HTML 元素的容器。元素没有特定的含义。除此之外由于它属于块级元素浏览器会在其前后显示折行。 如果与 CSS 一同使用元素可用于对大的内容块设置样式属性。元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 元素进行文档布局不是表格的正确用法。 元素的作用是显示表格化的数据。HTML 元素HTML 元素是内联元素可用作文本的容器。元素也没有特定的含义。当与 CSS 一同使用时 元素可用于为部分文本设置样式属性。实例代码!DOCTYPEhtmlhtmlbodythis is body begin;!--注释各种标题--h1this is H1/h1h2this is H2/h2h3aligncenterthis is H3/h3h6this is H6/h6!--注释段落--pthis is paragraph/p!--注释回车换行--br/!--注释超链接--ahrefhttp://116.62.110.235/blogthis ia a link/abr/ahrefhttp://116.62.110.235/blogimgsrchttp://www.baidu.com/img/bdlogo.gif//abr/!--注释使用blank可以在新窗口中打开--ahrefhttp://www.w3school.com.cn/target_blankVisit W3School!/a!--注释锚点--anametips基本的注意事项 - 有用的提示/aahref#tips有用的提示/abr/!--注释图片--imgsrchttp://www.baidu.com/img/bdlogo.gif/!--注释水平线--hr/!--注释文字效果--bThis text is bold/bstrongThis text is strong/strongbr/ppre 标签很适合显示计算机代码/pprefor i 1 to 10 print i next i/prebr/!--注释表格--tableborder2trthtitle A/th!-- 表头 --thtitle B/th/trtrtdcell 1,1/tdtdcell 1,2/td/trtrtdcell 2,1/tdtdcell 2,2/td/trtrtdnbsp;/td!-- 空格占位 --tdcell 3,2/td/tr/tabletableborder1trth姓名/thtdBill Gates/td/trtrth电话/thtd555 77 854/td/trtrth电话/thtd555 77 855/td/tr/tabletableborder1trth姓名/ththcolspan2电话/th/trtrtdBill Gates/tdtd555 77 854/tdtd555 77 855/td/tr/tabletableborder1trth姓名/thtdBill Gates/td/trtrthrowspan2电话/thtd555 77 854/td/trtrtd555 77 855/td/tr/table!--注释列表--ulli咖啡/lili茶/lili牛奶/li/ulolli牛奶/liulli蒙牛/lili伊利/li/ulli茶/li/ololstart50li咖啡/lili牛奶/lili茶/li/ol!--注释表单--formuser:inputtypetextnameuser/br/passwd:inputtypepasswordnamepasswd/br/inputtyperadionamesexvaluemale/Malebr/inputtyperadionamesexvaluefemale/Femalebr/inputtypecheckboxnamebike/I have a bikebr/inputtypecheckboxnamecar/I have a car/form!--注释框--fieldsetlegendtitle/legendHelloFieldSet/fieldset!--注释内联网页--iframesrchttp://116.62.110.235/blogwidth200height200/iframe/body/html实例效果this is body begin;this is H1this is H2this is H3this is H6this is paragraphthis ia a link[](http://116.62.110.235/blog)Visit W3School! 基本的注意事项 - 有用的提示 有用的提示This text is boldThis text is strongpre 标签很适合显示计算机代码for i 1 to 10 print i next ititle Atitle Bcell 1,1cell 1,2cell 2,1cell 2,2cell 3,2姓名Bill Gates电话555 77 854电话555 77 855姓名电话Bill Gates555 77 854555 77 855姓名Bill Gates电话555 77 854555 77 855咖啡茶牛奶牛奶蒙牛伊利茶咖啡牛奶茶user:passwd:MaleFemaleI have a bikeI have a cartitleHelloFieldSet
【2014-02-10】html学习备注
[历史归档]本文原发布于 cstriker1407.info 个人博客内容为历史存档仅供参考。发布时间2014-02-10 标题html学习备注分类编程 / web / html 标签htmlhtml学习备注什么是 HTMLHTML 是用来描述网页的一种语言。HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 文档 网页HTML 文档描述网页HTML 属性HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。空行和空格HTML 块元素HTML 内联元素HTML div 元素HTML span 元素实例代码实例效果this is H1this is H2this is H3this is H6最近想自学一下web开发中需要的各种基础知识就开始在【 W3school 】上学习各种教程这里备注下最基本的html笔记。备注部分笔记内容来自【 W3school 】网站版权归原作者所有。什么是 HTMLHTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词比如HTML 标签通常是成对出现的比如和标签对中的第一个标签是开始标签第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签HTML 标签对大小写不敏感等同于。许多网站都使用大写的 HTML 标签。W3School 使用的是小写标签因为万维网联盟W3C在 HTML 4 中推荐使用小写而在未来 (X)HTML 版本中强制使用小写。HTML 文档 网页HTML 文档描述网页HTML 文档包含 HTML 标签和纯文本HTML 文档也被称为网页HTML 文档是由 HTML 元素定义的。HTML 属性HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现比如name“value”。属性总是在 HTML 元素的开始标签中规定。始终为属性值加引号HTML 提示使用小写属性属性值应该始终被包括在引号内。双引号是最常用的不过使用单引号也没有问题。在某些个别的情况下比如属性值本身就含有双引号那么您必须使用单引号例如nameBill HelloWorld Gates空行和空格我们无法确定 HTML 被显示的确切效果。屏幕的大小以及对窗口的调整都可能导致不同的结果。对于 HTML您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是HTML 代码中的所有连续的空行换行也被显示为一个空格。HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素。编者注“块级元素”译为 block level element“内联元素”译为 inline element。块级元素在浏览器显示时通常会以新行来开始和****结束。例子,,,HTML 内联元素内联元素在显示时通常不会以新行开始****。例子,, ,HTML元素HTML元素是块级元素它是可用于组合其他 HTML 元素的容器。元素没有特定的含义。除此之外由于它属于块级元素浏览器会在其前后显示折行。 如果与 CSS 一同使用元素可用于对大的内容块设置样式属性。元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 元素进行文档布局不是表格的正确用法。 元素的作用是显示表格化的数据。HTML 元素HTML 元素是内联元素可用作文本的容器。元素也没有特定的含义。当与 CSS 一同使用时 元素可用于为部分文本设置样式属性。实例代码!DOCTYPEhtmlhtmlbodythis is body begin;!--注释各种标题--h1this is H1/h1h2this is H2/h2h3aligncenterthis is H3/h3h6this is H6/h6!--注释段落--pthis is paragraph/p!--注释回车换行--br/!--注释超链接--ahrefhttp://116.62.110.235/blogthis ia a link/abr/ahrefhttp://116.62.110.235/blogimgsrchttp://www.baidu.com/img/bdlogo.gif//abr/!--注释使用blank可以在新窗口中打开--ahrefhttp://www.w3school.com.cn/target_blankVisit W3School!/a!--注释锚点--anametips基本的注意事项 - 有用的提示/aahref#tips有用的提示/abr/!--注释图片--imgsrchttp://www.baidu.com/img/bdlogo.gif/!--注释水平线--hr/!--注释文字效果--bThis text is bold/bstrongThis text is strong/strongbr/ppre 标签很适合显示计算机代码/pprefor i 1 to 10 print i next i/prebr/!--注释表格--tableborder2trthtitle A/th!-- 表头 --thtitle B/th/trtrtdcell 1,1/tdtdcell 1,2/td/trtrtdcell 2,1/tdtdcell 2,2/td/trtrtdnbsp;/td!-- 空格占位 --tdcell 3,2/td/tr/tabletableborder1trth姓名/thtdBill Gates/td/trtrth电话/thtd555 77 854/td/trtrth电话/thtd555 77 855/td/tr/tabletableborder1trth姓名/ththcolspan2电话/th/trtrtdBill Gates/tdtd555 77 854/tdtd555 77 855/td/tr/tabletableborder1trth姓名/thtdBill Gates/td/trtrthrowspan2电话/thtd555 77 854/td/trtrtd555 77 855/td/tr/table!--注释列表--ulli咖啡/lili茶/lili牛奶/li/ulolli牛奶/liulli蒙牛/lili伊利/li/ulli茶/li/ololstart50li咖啡/lili牛奶/lili茶/li/ol!--注释表单--formuser:inputtypetextnameuser/br/passwd:inputtypepasswordnamepasswd/br/inputtyperadionamesexvaluemale/Malebr/inputtyperadionamesexvaluefemale/Femalebr/inputtypecheckboxnamebike/I have a bikebr/inputtypecheckboxnamecar/I have a car/form!--注释框--fieldsetlegendtitle/legendHelloFieldSet/fieldset!--注释内联网页--iframesrchttp://116.62.110.235/blogwidth200height200/iframe/body/html实例效果this is body begin;this is H1this is H2this is H3this is H6this is paragraphthis ia a link[](http://116.62.110.235/blog)Visit W3School! 基本的注意事项 - 有用的提示 有用的提示This text is boldThis text is strongpre 标签很适合显示计算机代码for i 1 to 10 print i next ititle Atitle Bcell 1,1cell 1,2cell 2,1cell 2,2cell 3,2姓名Bill Gates电话555 77 854电话555 77 855姓名电话Bill Gates555 77 854555 77 855姓名Bill Gates电话555 77 854555 77 855咖啡茶牛奶牛奶蒙牛伊利茶咖啡牛奶茶user:passwd:MaleFemaleI have a bikeI have a cartitleHelloFieldSet
