《html网页框架》课件.pptVIP

*******************HTML网页框架HTML网页的组成部分1HTML结构网页的基本框架，定义内容的组织和布局。2CSS样式网页的视觉风格，控制元素的外观和排版。3JavaScript行为网页的交互功能，实现动态效果和用户响应。HTML文档结构1HTML根元素2HEAD文档头部3BODY文档主体HTML文档声明声明文档类型指定HTML版本指定文档语言HTML标签概述标签结构HTML标签通常以尖括号包围，例如``，并以斜杠结束，例如``。属性标签可以包含属性，用于提供额外的信息，例如``。嵌套标签可以嵌套，用于创建复杂结构，例如`标题`。常用HTML标签标题标签用于定义网页标题，如h1至h6，用于分级标题。段落标签用于定义一段文字，使用p标签，用于分隔内容。列表标签用于创建无序列表，使用ul标签和li标签。有序列表使用ol标签。链接标签用于创建网页链接，使用a标签，包含href属性。HTML标签的分类结构标签定义文档的结构和内容，例如``、``和``。文本标签用于显示文本内容，例如``、``和``。链接标签用于创建超链接，例如``。图像标签用于嵌入图像，例如``。文本标签基本使用标题标签用于定义标题，如h1到h6，表示不同的标题级别。段落标签用于定义段落，使用p标签，每个段落之间会自动添加换行。换行标签用于强制换行，使用br标签，可在任意位置添加换行。预格式化文本标签用于显示预格式化的文本，使用pre标签，保留空格和换行。段落标签的使用1P标签表示一个段落2换行使用

标签换行3文本格式使用B、I、U等标签进行文本格式化列表标签的使用1无序列表使用ul标签创建无序列表，使用li标签定义列表项。2有序列表使用ol标签创建有序列表，使用li标签定义列表项。3嵌套列表可以在列表项中嵌套其他列表，形成多级列表结构。链接标签的使用1超链接标签通过A标签创建超链接，设置href属性指定链接目标。2链接类型链接类型包括外部链接、内部链接、锚点链接等。3链接属性链接标签可以使用target属性控制链接在新窗口打开。图像标签的使用1IMG标签使用img标签插入图像。2src属性指定图像文件的路径或URL。3alt属性提供图像的文字描述，用于屏幕阅读器或图像无法加载时的替代文本。表格标签的使用创建表格使用TABLE标签定义表格，TR标签定义行，TD标签定义单元格。合并单元格使用COLSPAN和ROWSPAN属性合并单元格，创建跨行或跨列的单元格。设置表格属性使用BORDER、CELLPADDING、CELLSPACING属性设置表格边框、单元格内边距和单元格间距。表单标签的使用1表单标签用于创建网页表单2表单元素文本框、密码框、单选框、复选框、下拉菜单、按钮等3表单验证通过JavaScript或HTML5属性验证表单数据HTML的属性属性名称属性名称用于标识属性，区分不同的属性。属性值属性值用于描述属性的具体内容，通常用引号引起来。全局属性概述通用属性应用于所有HTML元素，提供基本信息。事件属性用于响应用户交互，例如点击或悬停。样式属性控制元素的外观，例如颜色和大小。数据属性存储自定义数据，用于脚本或其他目的。核心属性使用id属性用于唯一标识HTML元素，在JavaScript中可以通过id属性来访问元素。class属性用于为HTML元素分组，方便使用CSS样式。style属性用于为HTML元素设置内联样式。事件属性使用1onclick当用户点击元素时触发事件。2onmouseover当用户鼠标悬停在元素上时触发事件。3onmouseout当用户鼠标离开元素时触发事件。4onfocus当元素获得焦点时触发事件。HTML语义化元素语义化元素强调了HTML元素的含义，而不是仅仅专注于它们的视觉表现形式。语义化元素使搜索引擎更容易理解网页内容，并提高网站的搜索排名。语义化元素可以帮助视障人士使用屏幕阅读器更容易地理解网页内容。新增语义元素介绍Article用于表示独立的文章内容,如博客文章,新闻报道等.Aside用于表示与主体内容相关的侧边栏内容,如提示信息,相关链接等.Nav用于表示网站导航区域,帮助用户快速访问不同页面.HTML5新增功能1新的语义元素HTML5引入