还剩31页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
《html标记功能详述》ppt课件•HTML基础•HTML常用标记•HTML表格•HTML表单目•HTML框架录contents01HTML基础HTML定义HTML定义HTML是HyperTextMarkup Language的缩写,即超文本标记语言,是一种用于创建网页的标准标记语言HTML定义HTML是一种标记语言,用于描述网页的结构和内容它使用一系列的标签来定义网页中的各种元素,如标题、段落、列表、链接等HTML发展历程HTML发展历程HTML自1990年代初开始发展,经历了多个版本,从HTML
1.0到HTML5,每个版本都有一些新的特性和改进HTML发展历程最初,HTML只是简单的超文本标记语言,主要用于创建静态网页随着互联网的发展,HTML逐渐增加了更多的功能和元素,如表格、表单、图像等HTML5是最新版本,引入了更多新特性和API,使得网页更加动态和交互式HTML基本结构HTML基本结构一个基本的HTML页面由一系列的标签组成,包括`!DOCTYPE html`、`html`、`head`和`body`等HTML基本结构`!DOCTYPE html`声明告诉浏览器这是一个HTML5文档`html`标签是整个页面的根元素,包含了所有的其他元素`head`标签包含了文档的元数据,如标题、字符集等`body`标签包含了所有的可见页面内容,如标题、段落、链接、图像等02HTML常用标记标题标记总结词用于定义文档的标题,显示在浏览器的标题栏或标签上详细描述HTML提供了六级标题标记,从h1到h6,其中h1最重要,h6最次要标题标记可以增加网页的可读性,并有助于搜索引擎优化(SEO)段落标记总结词用于定义文本的一个段落详细描述段落标记是p标签,它可以包含文本、链接、图片等元素在段落中可以使用粗体、斜体和下划线等文本样式标记来强调文本链接标记总结词用于创建超链接,可以链接到网页、电子邮件、文件等详细描述链接标记是a标签,它需要使用href属性来指定链接的目标地址链接可以添加标题和注释,以便更好地解释链接的目的图片标记总结词用于在网页上插入图片详细描述图片标记是img标签,它需要使用src属性来指定图片的来源地址还可以使用alt属性提供图片的描述信息,以便在图片无法加载时显示列表标记总结词用于创建有序列表和无序列表详细描述有序列表使用ol标签,无序列表使用ul标签在列表中,每个项目使用li标签定义可以使用嵌套的列表来创建多级列表03HTML表格行标记行标记tr描述用于定义表格中的行,必须包含在`tr`和`/tr`之间属性align(定义行内元素的对齐方式)、valign(定义行内元素垂直对齐方式)等单元格标记单元格标记01td或th描述02用于定义表格中的单元格,必须包含在`td`或`th`和`/td`或`/th`之间属性03colspan(定义单元格跨越的列数)、rowspan(定义单元格跨越的行数)、align(定义单元格内元素的对齐方式)、valign(定义单元格内元素垂直对齐方式)等04HTML表单表单标记表单标记用于创建HTML表单,收集用户输入的数据表单标记通常包含在`form`和`/form`标签之间属性表单标记具有多种属性,如`action`(指定表单数据提交到的URL)、`method`(指定数据提交的方法,如GET或POST)等表单标记示例```htmlform action=/submit_form method=post表单标记•·!--表单内容--表单标记/form```输入标记输入标记用于在表单中创建输入字段,如文本框、密码框、单选框、复选框等输入标记通常包含在`input`和`/input`标签之间属性输入标记具有多种属性,如`type`(指定输入类型,如text、password、radio、checkbox等)、`name`(指定输入字段的名称)等输入标记示例```htmlform输入标记01/form02```选项标记要点一要点二选项标记属性用于在表单中创建可选项,如下拉列表中的选项选项标选项标记具有多种属性,如`value`(指定选项的值)、记通常包含在`option`和`/option`标签之间`selected`(指定默认选中的选项)等选项标记示例```htmlform选项标记select id=cars name=carsoption value=volvoVolvo/optionoption value=saabSaab/option选项标记option value=mercedesMercedes/optionoption value=audiAudi/option选项标记/select01/form02```0305HTML框架框架集标记定义框架集标记用于定义一个框架集,它将浏览器窗口分割成不同的框架,每个框架可以加载不同的网页语法frameset属性rows、cols、border等框架标记定义框架标记用于定义一个具体的框架,它可以包含网页的某个部分语法frame属性src、name、noresize等嵌套框架标记定义嵌套框架标记允许在一个框架中嵌套另一个框架,从而实现更复杂的页面布局语法iframe属性src、width、height等THANKS感谢观看。