第二课 HTML与CSS.ppt

1、超文本标记语言和超文本标记语言由网页组成，网页通常由超文本标记语言代码、程序代码和注释组成。超文本标记语言由标记组成，通常成对出现，包括一个标记头和一个标记尾。代码是用ASP、VBSCRIPT、JAVASCRIPT等语言编写的实现特定功能的语句。注释是用来解释某些语句或部分的功能的词，当网页运行时，这些语句或部分不会显示在浏览器中。注释文本包含在“”中。示例2-1:一个简单的网页标题一个简单的网页，网页文档结构，一个网页通常由三个超文本标记语言标签组成，形成网页的基本框架，即：和一对标签，代表一个超文本标记语言网页的开始和结束。该对标签表示网页的标题信息，包括文档的标题、预定义的变量等。如果不

2、需要标题信息，可以省略这个和标记。一般来说，标签和不能省略，表示文档的内容。超文本标记语言文档是一个纯文本文件，可以由任何文本编辑器编写和保存。Dreamweaver使用记事本，frontpage使用。超文本标记语言一般遵循以下原则：1 .不区分大小写，和是一样的。2.可以在一行中写入多个不同的标记，也可以在不同的行中写入一对标记，而不需要连续行的标记。3.每对标签不能交叉使用，只能嵌套使用。例如，超文本标记语言文档的基本结构，正文从这里开始。浏览器浏览时，HTML文档源代码中的段落标记、空格和换行符不会显示它们的效果。如果要在浏览器中浏览段落的效果，请使用 将文本包含在源代码中；若要显示空格

3、的效果，请在源代码中使用“”；要显示换行的效果，请在源代码中要执行换行的位置插入 标记。特殊字符：在超文本标记语言中定义的一些特殊字符。您不能在超文本标记语言文档中直接从键盘输入小于号和双引号 ，而是在超文本标记语言源代码中输入相应的符号。例如，小于号和双引号 分别对应左边；对.决定文字、图像、表格等。居中、向左或向右。常用文本格式标记续，常用文本格式标记(续)，5。文字包装标记示例：春天来了，是播种和耕作的季节。6.水平线标记示例：7。文本中的字符实体代表符号 ，列表标记。为了合理地组织文本，网页中经常使用列表。可以在超文本标记语言中使用的列表标签有无序列表、有序列表和定义列表。无序列表，有

4、序列表，已定义列表，嵌套无序列表示例，文章CSS教程DOM教程XML教程参考XHTML XML CSS，图像标签，超链接标签，百度，表格标签，网页中的表格由标签定义。一个表被分成许多行，每一行又被分成许多单元格。因此，和是表中最基本的三个标记，它们必须同时出现才有意义。表格中的单元格可以容纳网页中的任何元素，如图像、文本、列表、表格、表单等。网页中表格的主要功能：网页布局，例如：如何在浏览器中显示以下代码，行1，单元格1行1，单元格2行2，单元格1行2，单元格2，表格标记的常用属性，例如：将表格边框设置为20像素，行1，单元格1行1，单元格2行2，单元格1行2，单元格2，例如：将表格边框设置为

5、0，行1，单元格1行1，单元格2行2，单元格1行2。可以看出，将表格边框设置为0将使单元格边框变为0像素，而将表格边框设置为其他值，不会影响单元格边框的宽度。例如，将边框颜色设置为青色、行1、单元格1行1、单元格2行2、单元格1行2、单元格2以及单元格标记的通用属性。注意：单元格td没有边框属性，所以不能设置单元格边框的宽度，边框宽度只能是1或0，并且单元格的属性是合并的。星期一，看代码，画一张表，1 2 3，标记表格。该表单的主要功能是为用户提供一个输入信息和收集访问者填写的信息的窗口。它是网站互动功能的重要组成部分。网页中的表单用户注册表单提交搜索表单用户登录表单，表单标签，表单功能，表单

6、可用于调查，排序，搜索等功能。通用表单由两部分组成，一部分是描述表单元素的html源代码，另一部分是用于处理用户填写的信息的程序(暂时还不知道)。表单信息处理过程：当您点击表单中的提交按钮时，表单中输入的信息将被上传到服务器，然后由服务器中的相关应用程序进行处理。处理后，用户提交的信息将存储在服务器端的数据库中，或者将相关信息返回给客户端浏览器。表单标签应至少包括三个组件：(1)表单标签：这包括用于处理表单数据的动态网页的网址以及向服务器提交数据的方法。(2)表单元素：如文本框、下拉菜单、复选框和单选框。(3)提交按钮：将数据发送到服务器上的动态网页。表单标签用于创建表单字段，即定义表单的开始

7、和结束位置。这个标签有几个功能。首先，限制表格的范围。所有表单对象都应该插入到表单域中。当您单击“提交”按钮时，您还将提交表单范围内的内容。其次，它携带表单的相关信息，例如处理表单的脚本程序的动作、提交表单的方法等等。这种信息对观众来说是看不见的，但它在表格处理中起着决定性的作用。表单标签的属性面板，名称，目标，方法，动作，enctype和表单标签的公共属性。1.方法：通过获取或发布获取提交的表单信息是不安全的，它被附加到网址(如百度)。表单元素1的名称=值font-size:18px。应用CSS样式基本的CSS样式可以定义任何HTML标签。示例：CSS样式应用选择器1的标签选择器应用第一类选

8、择器样式并应用第二类选择器样式。同时，两种类选择器样式h3同样适用。id选择器，id选择器以半角“#”开头，id名称的第一个字母不能是数字。标识选择器，# 1字体粗细：粗体；/* bold */#两个font-size :30 px；/* font size */color : # 009900；/*颜色*/标识选择器1标识选择器2标识选择器3标识选择器，伪类选择器，所谓的伪类是指某个元素在某个时间的状态。网页中的超链接标记可以响应浏览者的点击。一个标签有四个状态来描述这个响应，它们是a:link、a:visited、a:hover和a:active。伪类选择器的标签通过“3360”与伪类分开。a:hover、color:绿色；font-size : 20px；标记名、属性、值、属性、值、声明、声明、伪类名，通过伪类选择器进行动态超链接，伪类选择器可以看作是一个特殊的标记选择器，用于选择某一状态的标记，并定义