Web学习之HTML基础

1、web学习之html基础html文档的基本结构标志（标签）类型、标志（标签）语法body标志的属性的设置办法给网页添加注释meta元信息的作用html文档类型。html文件由头部head和主体body两部分组成：在头部标志中，可以定义标题、样式等，头部里放的是网页元信息，不显示在网页内，元信息是关于网页的基本描述。css代码和javascript代码可以放在头部，另外javascript代码也可以放在body部分。在主体标志中，可定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。html文档的头部标志主要包含页面标题标志、元信息标志、样式（css）标志、脚本（jav

2、ascript）标志、链接标志等。头部标志所包含的信息是解释性信息或引入性信息，普通不会显示在网页上。页面标题基本语法标题信息显示在扫瞄器的标题栏上语法解释：title标志是双标志，是开头标志，是结束标志，两者之间的内容为显示在扫瞄器的标题栏上的信息。元信息meta标志用来描述一个html网页文档的属性，也称为元信息（meta-information），这些信息并不会显示在扫瞄器的页面中。例如：作者、日期和时光、网页描述、关键词、页面刷新等。该标志位于文档的头部（其属性形式是键值对）。基本语法属性解释：meta属性主要分为两组。meta标志是用法办法meta标志键值对对应表属性值描述conte

3、ntsome_text定义与http-equiv或name属性相关的元信息http-equivcontent-type内容类型expires网页缓存过期时光refresh刷新与跳转（重定向）时光set-cookie假如网页过期，那么存盘的cookie将被删除nameauthor定义网页作者description定义网页简短描述keywords定义网页关键字generator定义用什么编辑器编写的schemesome_text定义用于翻译content属性值的格式name属性与content属性name属性用于描述网页，以键值对的形式，便于搜寻引擎查找、分类。其中最重要的是description

4、、keywords和robotshttp-equiv属性与content属性http-equiv属性用于提供http协议的响应头报文，以键值对的形式，http-equiv属性的值所描述的内容（值）通过content属性表示，通常为网页加载前提供应扫瞄器等设备用法。其中最重要的是content-type charset提供编码信息，refresh刷新与跳转页面，no-cache页面缓存，expires网页缓存过期时光。主体body是一个web页面的主要部分，其设置内容是读者实际看到的信息，全部www文档的主体部分都是由body标志定义的。在主体body标志中可以放置的是页面中全部的内容，片、图像

5、、表格、文字、超链接等元素。基本语法 语法解释是开头标志，是结束标志。两者之间全部的内容为网页上显示的信息。案例标志属性设置body标志属性可以转变web页面显示效果。body标志主要属性有text、bgcolor、background、link（未点击未激活）、alink（正在激活）、vlink（已经点击过）、topmargin、leftmargin。基本语法属性解释属性值描述text.rgb（r,g,b），。grb（r%,g%,b%），。rrggbb|rgb，。colorname规定文档中全部文本的色彩。不赞成用法。请用法样式取代它。bgcolor同上规定文档的背景色彩alink同上规定文

6、档中活动链接的色彩link同上规定文档中未拜访链接的默认色彩vlink同上规定文档中已被拜访链接的色彩backgroundurl规定文档的背景图像topmargin.pixel规定文档中上边距的大小leftmargin.pixel规定文档中左边距的大小body标志属性-色彩表示办法，在网页设计中，html提供了4种色彩设置办法：用法rgb（r,g,b），其中r、g、b是0-255的整数；用法rgb（r%,g%,b%），其中r、g、b是0-100的整数；用法3位或6位十六进制数rgb或rrggbb，r、g、b为十六进制数，取值范围：0-f，每种色彩用法2位十六进制数表示，rr：红色部分、gg：绿

7、色部分、bb：蓝色部分。红色为ff0000；rgb可以转换为rrggbb，例如红色分离表示为f00、ff0000.用法色彩英文名称，如red表示红色、green表示绿色，blue表示蓝色等。body标志属性-案例（edu_2_3_2.html）标志通常分为单标志和双标志两种类型，大部分是双标志。 —— 单标志单标志仅单独用法就可以表达完整的意思。基本语法：或最常用的单标志有：、表示换行。：、表示水平分隔线，还可以定义色彩、宽度（单位是像素）。双标志双标志由开头标志和结束标志两部分组成，必需成对用法。基本语法：内容这是错误的交错嵌套的代码 &tim

8、es;这是正确的交错嵌套的代码 √属性语法基本语法 语法约束 属性应当在开头标志（首标志）内定义，并且与标志名之间有一个空格分隔。如上述案例中hr标志名字和size属性之间有一个空格。属性值普通用英文双引号" "括起来。如上述案例中size属性值"3"和color属性值"red"。属性语法-案例注释html代码中添加注释的办法有2种：注释信息基本语法显示一个段落语法解释：comment标志是成对标志，以开头，以结束。标志包围的信息为注释内容，但在高版本的扫瞄器中均显示

9、在页面内，建议不用法此注释标志。全部标志均以结束。按照标志类型，正确输入标志，单标志最好在右尖括号前加一个斜杠/，如换行标志是单标志，成对标志最好同时输入起始标志和结束标志，以免遗忘。标志可以嵌套用法，但不能交错用法。在html代码中不区别大小写，但为了代码规范建议统一用法小写。标志中可以设置各种属性，属性值建议用法英文双引号括起来。书写开头与结束标志时，在左尖括号和标志名或斜杠/之间不能有空格，否则扫瞄器不能识别，导致错误标志挺直显示在页面上，影响页面效果。文档的扩展名为html或htm，建议统一用法html作为文件名的后缀。文档名只可由英文字母、数字或下划线组成，建议以字母或下划线开头。文档名中不能含有特别符号，如空格、$、&等。文档名区别大小写，普通建议英文小写。web服务器主页普通是index.html或default.html。html4.01规定了三种dtd类型：严格strict、过渡transitional以及框架frameset。html5的dtd定义：代码：网页效果：本章主要介绍了html文件的基本结构。html文档包含3个主