《HTML页面与表格》课件.pptVIP

**********************HTML页面与表格学习如何使用HTML创建表格并进行格式化。HTML是什么？超文本标记语言HTML是超文本标记语言(HyperTextMarkupLanguage)的缩写，是用来制作网页的一种标记语言。网页骨架HTML语言就像建筑的骨架一样，为网页提供结构和内容，让用户能够看到网页的文本、图片、视频等元素。HTML的基本结构1DOCTYPE声明告诉浏览器文档类型，例如?HTML5?版本。2HTML标签所有内容都包含在?html/html?标签中，是整个网页的根元素。3头部信息用?head/head?标签包含网页的元数据，例如标题、样式表和脚本。4页面内容用?body/body?标签包含所有可见的页面内容，例如文本、图片和视频。HTML标签简介标签结构标签通常以开头，以结尾。它们成对出现，例如``和``，用来定义内容的类型。属性有些标签还带有属性，用来提供更多信息，例如``，其中`src`属性指定图像的路径。常用HTML标签段落标签使用p标签创建段落，自动换行。标题标签使用h1到h6标签定义不同级别的标题。文本格式化使用b、i、u、s标签对文本进行加粗、斜体、下划线、删除线等格式化。超链接标签使用a标签创建超链接，指向另一个网页或资源。HTML页面的级别1H1页面主标题2H2一级标题3H3二级标题4H4三级标题段落和换行P标签用于创建段落，段落之间会自动添加空格。BR标签用于在文本中插入换行符，使文本在该位置换行。标题标签H1最大的标题，用于页面主标题。H2次要标题，用于页面章节标题。H3更小的标题，用于页面小节标题。H4最小的标题，用于页面段落标题。文本格式化加粗使用B和/B标签可以使文本加粗。斜体使用I和/I标签可以使文本倾斜。下划线使用U和/U标签可以使文本添加下划线。删除线使用S和/S标签可以使文本添加删除线。图像标签图像标签是HTML中用来嵌入图像的标签。使用``标签来定义图像，并通过`SRC`属性指定图像的路径。图像标签可以包含其他属性，比如`ALT`属性用来描述图像的内容，用于当图像无法显示时提供替代文本。超链接标签定义超链接使用a标签创建超链接，a标签中的href属性指定链接目标地址。链接到外部网站将href属性设置为目标网站的URL地址，例如ahref=百度搜索/a。链接到内部页面将href属性设置为目标页面的相对路径，例如ahref=index.html主页/a。列表标签无序列表使用UL标签创建无序列表，LI标签定义列表项。有序列表使用OL标签创建有序列表，LI标签定义列表项。定义列表使用DL标签创建定义列表，DT标签定义定义标题，DD标签定义描述。表格基础1结构表格由行和列组成2单元格每个单元格包含数据内容3边框表格可以设置边框表格的结构TABLE表格标签，用于定义整个表格。TR行标签，用于定义表格的行。TD单元格标签，用于定义表格的单元格。表格的属性边框设置表格边框的宽度和颜色。单元格间距控制单元格之间的间距。单元格填充指定单元格内容的填充。跨行跨列1合并单元格将多个单元格合并成一个2跨行合并将多行单元格合并成一个3跨列合并将多列单元格合并成一个表格的样式颜色使用CSS样式表可以设置表格的颜色，例如：表格边框颜色、文字颜色、背景颜色等。字体可以调整表格中文字体的样式，例如：字体大小、加粗、倾斜、颜色等。边框表格边框可以设置宽度、颜色、样式等，并可以设置单元格之间的间距。表单基础定义表单使用``标签定义一个表单，设置表单属性比如`action`和`method`添加元素在表单中添加各种输入元素，比如文本框、密码框、下拉列表、单选框和复选框提交表单使用`submit`按钮提交表单数据到指定的地址表单元素文本框用于输入单行文本。例如：用户名、密码等。文本域用于输入多行文本。例如：留言、评论等。单选按钮用于选择一项选项。例如：性别、爱好等。复选框用于选择多个选项。例如：兴趣爱好、服务类型等。表单属性name定义表单元素的名称，用于提交数据时标识该元素。value设置表单元素的默认值，例如文本框的初始内容。type指定表单元素的类型，例如文本框、密码框、单选按钮等。id为表单元素设置一个唯一的标识符，方便用JavaScript或CSS访问和操