《ASP NET》课件第二章 Html、javascript和css基础 .pptx

本章知识想把第一章所述的系统自行开发出来，还是有不少需要学习和提高的地方。下面，让我们首先从最基础的内容开始学习。第一个项目就是Html，这是开发Web程序的最基础的知识其次是javascript，这是界面客户端交互性的基石再次是css，这是让界面美观有序的基本技能

2.1Html基础2.1.1概述2.1.2常见的标签介绍2.1.3网页布局2.1.4表单

2.1.1Html概述HTML是超文本标记语言(HyperTextMarkupLanguage)的英文缩写，它不是编程语言，只是一种标记语言。HTML使用标记标签来描述网页。HTML标签(HTMLtag)是由尖括号包围的关键词，比如html，大部分HTM标签是成对出现的，比如p和/p，标签对中的第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签。也有少部分是单个标签，如换行符br/。HTML文档就是通常所说的网页，它包含HTML标签和内容。网页浏览器（如IE、360浏览器等）的作用是读取HTML文档，并以网页的形式显示。HTML标签不会显示在浏览器中，只在后台起到解释作用。下面是一个简单的案例（大家可以把它复制到一个文本文件中，并将该文本文件的后缀从txt修改为htm。然后通过IE浏览器打开查看效果，后面的案例也可以都这样操作）。

2.1.1Html概述htmlheadttitle我的第一个网页/title/headbodyh1MyFirstHeading/h1pMyfirstparagraph./p/body/html

2.1.2常见标签html元素，网页全局框架htmlbodypThisismyfirstparagraph./p/body/html

2.1.2常见标签body元素，网页的主体bodypThisismyfirstparagraph./p/body

2.1.2常见标签head元素，网页的头部head元素是所有头部元素的容器。head内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。在html文档中，head与body平级，二者都是html的下级。以下标签都可以添加到head部分：title、base、link、meta、script以及style。htmlhead/headbodypThisismyfirstparagraph./p/body/html

2.1.2常见标签title元素，网页的标题title标签定义文档的标题。title元素在所有HTML/XHTML文档中都是必需的。它能够：定义浏览器工具栏中的标题；提供页面被添加到收藏夹时显示的标题；显示在搜索引擎结果中的页面标题。一个简化的HTML文档如下：htmlheadtitleTitleofthedocument/title/headbodyThecontentofthedocument....../body/html

2.1.2常见标签p元素，引入段落pThisismyfirstparagraph./p这个p元素定义了HTML文档中的一个段落，拥有一个开始标签p，以及一个结束标签/p。元素内容是：Thisismyfirstparagraph。

2.1.2常见标签h1-h6元素，引入标题HTML标题(Heading)是通过h1-h6等标签进行定义的。实例如下：h1Thisisaheading/h1h2Thisisaheading/h2h3Thisisaheading/h3

2.1.2常见标签a元素，引入超级链接HTML链接是通过a标签进行定义的。实例如下：ahref=百度搜索/a

2.1.2常见标签img元素：引入图像HTML图像是通过img标签进行定义的。实例如下：imgsrc=test.jpgwidth=104height=142/注意：此处需要在网页的同一个目录下准备一张名为“test.jpg”的图像

2.1.2常见标签table元素：引入表格表格由table标签来定义。每个表格均有若干行（由tr标签定义），每行被分割为若干单元格（由td标签定义）。字母td指表格数据（tabledata），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。tableborder=1trtdrow1,cell1/tdtdrow1,cell2/td/trtrtdrow2,cell1/tdtdrow2,cell2/td/tr/table

2.1.2常见标签如果不定义边框属性，表