1、HTML声明:<!DOVTYPE html></html> 定义基本html5格式网页。Content-Type:用户标记文件类型和网页编码。代码缩进,使用Tab键。标签通常是成对出现的,一开一关。<head></head> 头部标签,一个基本html格式的必须元素。<meta/> 标签定义页面的基本元素。在html中没有结束标签。<title></title> 标题,网页不可缺的一部分。<link></link> 引入的样式文件<script></script> 引入的脚本文件标签与它的属性都必须小写。所有的标签必须合理嵌套。HTML对于嵌套要求较严格,标签存在一定的语义性,需要根据标签自身的属性来进行合理嵌套。例如:<p>标签(paragraph)是用来定义段落的,就不用它来布局;像<div><span><em>一念成mo</span></em></div>是不对称的,这样是错误的(如图)。
2、块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table行内元素:span, strong, em, br, img , input, label, select, textarea, cite1 ) 块级元素会独占一行,其宽度自动填满其父元素宽度, 行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容而变化2) 块级元素可以设置 width, height属性,行内元素设置width, height无效【注意:块级元素即使设置了宽度,仍然是独占一行的】3) 块级元素可以设置margin 和 padding. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果
3、HTML5嵌套规则:1)body可以直接包含块状元素、ins、del、script。不可以直接包含行内元素。(相关知识:HTML行内元素和块状元素有哪些?以及区别)2)ins和del(行内元素)可以包含块状元素或者行内元素,其他任何行内元素都不允许包含块状元素3)p、h1-h6可以直接包含行内元素和文本信息,但是不允许包含块状元素4)dl元素只允许包含dt和dd,同时dt不能包含块状元素,只允许包含行内元素,对于dd可以包含任何元素5)form元素不能够直接包含input元素。原因在于input元素属于行内元素,form元素仅仅能够包含块状元素6)table元素只能够包含caption、colgroup、col、thead、tbody、tfoot,不能够直接包含tr或者其他任何元素