《《HTML标记功能详述》课件.pptx》由会员分享,可在线阅读,更多相关《《HTML标记功能详述》课件.pptx(33页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、html标记功能详述ppt课件HTML基础HTML常用标记HTML表格HTML表单HTML框架contents目录01HTML基础HTML定义HTML定义:HTML是HyperTextMarkupLanguage的缩写,即超文本标记语言,是一种用于创建网页的标准标记语言。HTML定义HTML是一种标记语言,用于描述网页的结构和内容。它使用一系列的标签来定义网页中的各种元素,如标题、段落、列表、链接等。HTML发展历程:HTML自1990年代初开始发展,经历了多个版本,从HTML1.0到HTML5,每个版本都有一些新的特性和改进。HTML发展历程最初,HTML只是简单的超文本标记语言,主要用于创
2、建静态网页。随着互联网的发展,HTML逐渐增加了更多的功能和元素,如表格、表单、图像等。HTML5是最新版本,引入了更多新特性和API,使得网页更加动态和交互式。HTML发展历程HTML基本结构:一个基本的HTML页面由一系列的标签组成,包括、和等。HTML基本结构声明告诉浏览器这是一个HTML5文档。标签是整个页面的根元素,包含了所有的其他元素。标签包含了文档的元数据,如标题、字符集等。标签包含了所有的可见页面内容,如标题、段落、链接、图像等。HTML基本结构02HTML常用标记总结词用于定义文档的标题,显示在浏览器的标题栏或标签上。详细描述HTML提供了六级标题标记,从到,其中最重要,最次
3、要。标题标记可以增加网页的可读性,并有助于搜索引擎优化(SEO)。标题标记用于定义文本的一个段落。总结词段落标记是标签,它可以包含文本、链接、图片等元素。在段落中可以使用粗体、斜体和下划线等文本样式标记来强调文本。详细描述段落标记用于创建超链接,可以链接到网页、电子邮件、文件等。总结词链接标记是标签,它需要使用href属性来指定链接的目标地址。链接可以添加标题和注释,以便更好地解释链接的目的。详细描述链接标记用于在网页上插入图片。图片标记是标签,它需要使用src属性来指定图片的来源地址。还可以使用alt属性提供图片的描述信息,以便在图片无法加载时显示。图片标记详细描述总结词用于创建有序列表和无
4、序列表。总结词有序列表使用标签,无序列表使用标签。在列表中,每个项目使用标签定义。可以使用嵌套的列表来创建多级列表。详细描述列表标记03HTML表格行标记用于定义表格中的行,必须包含在和之间。描述align(定义行内元素的对齐方式)、valign(定义行内元素垂直对齐方式)等。属性行标记单元格标记01或描述02用于定义表格中的单元格,必须包含在或和或之间。属性03colspan(定义单元格跨越的列数)、rowspan(定义单元格跨越的行数)、align(定义单元格内元素的对齐方式)、valign(定义单元格内元素垂直对齐方式)等。单元格标记04HTML表单表单标记表单标记用于创建HTML表单,
5、收集用户输入的数据。表单标记通常包含在和标签之间。属性表单标记具有多种属性,如action(指定表单数据提交到的URL)、method(指定数据提交的方法,如GET或POST)等。示例:html表单标记表单标记表单标记输入标记用于在表单中创建输入字段,如文本框、密码框、单选框、复选框等。输入标记通常包含在和标签之间。输入标记输入标记具有多种属性,如type(指定输入类型,如text、password、radio、checkbox等)、name(指定输入字段的名称)等。属性示例:html输入标记0102输入标记选项标记用于在表单中创建可选项,如下拉列表中的选项。选项标记通常包含在和标签之间。要点
6、一要点二属性选项标记具有多种属性,如value(指定选项的值)、selected(指定默认选中的选项)等。选项标记示例:html选项标记VolvoSaab选项标记MercedesAudi选项标记030102选项标记05HTML框架语法属性rows、cols、border等定义框架集标记用于定义一个框架集,它将浏览器窗口分割成不同的框架,每个框架可以加载不同的网页。框架集标记定义框架标记用于定义一个具体的框架,它可以包含网页的某个部分。语法属性src、name、noresize等框架标记嵌套框架标记允许在一个框架中嵌套另一个框架,从而实现更复杂的页面布局。定义语法src、width、height等属性嵌套框架标记THANKS感谢观看