网页基本代码结认构识.doc

网页基本代码结构认识 web结构： !DOCTYPE html ： 这是一个标准网页的声明 html xmlns=/1999/xhtml： xmlns属性 是用来定义xml namespace（命名空间）的。该属性可以放置在文档内任何元素的开始标签中。该属性的值类似于 URL，它定义了一个命名空间，浏览器会将此命名空间用于该属性所在元素内的所有内容。如果需要使用符合 XML 规范的 XHTML 文档，则应该在文档中的html 标签中至少使用一个 xmlns 属性 head/head：是文档的头部 meta http-equiv=Content-Type content=text/html; charset=utf-8 /： meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。 content（内容类型）：重要！！这个网页的格式是文本的，网页模式charset（编码）：特别重要！！！这个网页的编码是utf-8，中文编码，需要注意的是这个是网页内容的编码，而不是文件本身的，其他类型的编码中文可能会出现乱码。 title/title: 是网页的名称，每张网页都有可以有个固定的名字，但也可以没有 title标签在html语言中，就是标题的意思 在title与/title之间的文字就是该网页的名字。 body/body: 是HTML语言的标签. 意思是主体。 网页的主体布局就在body里面进行。 标签的认识：（块级元素、行内元素、 其他元素）大多数标签是成对出现的 ①、块级元素标签有：块元素一般都从新行开始，它可以容纳内联元素和其他块元素. 如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。 而有了css以后，我们可以改变这种html的默认布局模式， 块元素摆放到你想要 的位置上去。而不是每次都愚蠢的另起一行 块级元素： div form hr p ul li ol h1-h6 table div---定义文档中的节 div/div form---定义供用户输入的 HTML 表单。 form/form hr---定义水平线。 hr / p---定义段落 p/p ul---定义无序列表。 ul/ul li--定义列表的项目。 li/li ol--定义有序列表。 ol/ol h1-h6---定义标题 h1/h1 table---定义表格 table/table tr---定义表格中的行 tr/tr ②、行内元素：a b br em span i label input img strong td a----定义超链接 a href=/a b---定义粗体字。 b/b br---定义简单的折行。 br / em---定义强调文本。 em/em i---定义斜体字。 i/i span---定义文档中的节。 span/span label---定义 input 元素的标注。 label/label input---定义输入控件。 input / img---定义图像。 img src= / strong---定义强调文本。 strong/strong td---定义表格中的列 td/td ③、其他标签 body---定义文档的主体。 body/body caption---定义表格标题。 caption/caption head---定义关于文档的信息。 head/head html---定义 HTML 文档。 html/html link---定义文档与外部资源的关系。 link href= / meta---定义关于 HTML 文档的元信息。 meta / style---定义文档的样式信息。 style/style tbody---定义表格中的主体内容。 tbody/tbody thead---定义表格中的表头内容。 thead/thead option---定义选择列表中的选项。 option/option select---定义选择列表（下拉列表） select/select 网页一般由：标签和样式修饰完美结合，才能做出非常美观的页面出来。 三佳专注--网页设计培训、平面设计培训、网站建设