| 想知道HTML语法结构？看这一篇就够了（超全解析html语法） | 您所在的位置：网站首页 › html文档的基本结构体系包括哪些 › 想知道HTML语法结构？看这一篇就够了（超全解析html语法） |
想知道HTML语法结构？看这一篇就够了（超全解析html语法）
|
NTML文档结构 HTML文档由4个主要标记组成，包括、、、.这4个标记构成了HTML页面最基本的元素。 1.标记标记是HTML文件的开头。所有的HTML文件都以标记开头，以标记结束，即HTML页面的所有标记都要放置在与标记中。 标记虽然没有实质性的功能，但却是HTML必不可少的部分。 2.标记标记是HTML文件的头标记，用于存放HTML文件的信息，如定义CSS样式的代码可放置在与标记之中。3.标记标记为标题标记。可将网页的标题定义在与标记之中。4.标记 是HTML页面的主体标记。 页面中的所有内容都定义在标记中。 标记本身也具有控制页面的一些特性，如控制页面的背景图片和颜色等。 HTML常用标记1.换行标记在HTML中，换行标记是 例：创建一个HTML页面，在页面中输入一首古诗。 代码语言：javascript复制 应用换行标记实现页面文字换行 静夜思 举头望明月 低头思故乡 在这里插入图片描述2.段落标记段落标记以标记开头，以 标记结束。段落标记在段前和段后各添加一个空行，而定义在段落标记中的内容不受该标记的影响。3.标题标记在HTML标记中设定了6个标题标记，分别为、、、、、。数字越小，表示级别越高，文字的字体也就越大。4.居中标记居中标记以标记开头，以结尾。标记之中的内容居中显示。5.文字列表标记无序列表 无序标记是在每一个列表项的前面添加一个圆点符号。 通过符号可以创建一组无序列表，其中每个列表项以表示代码语言：javascript复制 无序列表标记 编程词典有以下几种品牌
Java
C
C++
C#
Java
C
C++
C#
……标记表示整个表格。 中有很多属性，例如width表示表格的宽度；border属性用来设置表格的边框，align属性设置表格的对齐方式，bgcolor属性用来设置表格的背景色等。 标题标记标题标记以开头，以结束，它也有一些属性，例如align,valign等属性。 表头标记表头标记是开头，以结尾也可以通过align,background,colspan,valian等属性来设置表头。 表格行标记表格行标记以开头，一组标记表示表格的一行。 标记要嵌套在标记中使用，该标记也具有align,background等属性。 单元格标记单元格标记又称为列标记，一个标记中可以嵌入若干个标记。该标记也具有align,background，valign等属性。 例： 代码语言：javascript复制 学生考试成绩表 姓名 语文 数学 英语 张三 90 89 84 李四 89 99 100 在这里插入图片描述HTML表单标记1.…表单标记表单标记以标记开头，以标记结尾。在表单标记中可以定义处理表单数据程序的URL地址等信息。标记的基本语法如下： 代码语言：javascript复制标记的各属性说明如下。 action属性 action属性用来指定处理表单数据程序的URL地址。method属性 method属性用来指定数据传输到副武器的方式。该属性有两种属性值，分别为get与post。【1）get属性值表示将输入的数据追加在action指定的地址后边，并传送到服务器。2）当属性值为post时，会将输入的数据按照HTTP中的post传输方式传送到服务器中。】name属性 name属性用于指定表单的名称，该属性值可以由程序员自定义。onSubmit属性 onSubmit属性用于指定当用户单击提交按钮时触发的事件。target属性 target属性用于指定输入数据结果显示在哪个窗口中，该属性的属性值可以设置为“_blank”、“_self”、“_parent”、“_top”。【_blank表示在新窗口中打开目标文件、_self表示在同一窗口上打开这项一般不用配置、_parent表示在上一级窗口中打开，一般使用框架页时经常使用、_top表示在浏览器的整个窗口中打开，忽略任何框架】2.表单输入标记表单输入标记是使用最频繁的表单标记，通过这个标记可以向页面中添加单行文本、多行文本、按钮等。标准语法格式如下： 代码语言：javascript复制标记的属性如下图所示： 属性 描述 type 用于指定添加的是哪种类型的输入字段，共有10个可选值 disabled 用于指定输入字段不可用，即字段变成灰色。其属性值可以为空，也可以指定为disabled checked 用于指定输入字段是否处于被选中状态，用type属性值为radio和checkbox的情况下，其属性值可以为空值，也可以指定为checkbox width 用于指定输入字段的宽度，用于type属性为image的情况下 height 用于指定输入字段的高度，用于type属性为image的情况下 maxlength 用于指定输入字段可输入文字的个数，用于type属性值为text和password的情况下，默认没有字数限制 readonly 用于指定输入字段是否为只读。其属性值可以为空值，也可以指定为readonly size 用于指定输入字段的宽度，当type属性为text和password时，以文字个数为单位，当type属性为其他值时，以像素为单位 src 用于指定图片的来源，只有当type属性为image时有效 usemap 为图片设置热点地图，只有当type为image时有效。属性值为URI，URI格式为“#+标记的name属性值”。例如，标记的name属性值为Map，该URI为#Map alt 用于指定当图片无法显示时显示的文字，只有当type属性为image时才有效 name 用于指定输入字段的名称 value 用于指定输入字段默认的数据值，当type属性为checkbox和radio时，不可省略此属性，为其他值时可以省略。当type属性为button、reset和submit时，指定的是按钮上的显示文字；当type属性为checkbox和radio时，指定的是数据项选定时的值 type属性是标记中非常重要的内容，决定输入数据的类型。该属性值的可选项如下所示： type属性的属性值 可选值 描述 可选值 描述 text 文本框 submit 提交按钮 password 密码域 reset 重置按钮 file 文件域 button 普通按钮 radio 单选选项 hidden 隐藏域 checkbox 复选框 image 图像域 例：创建一个index.html的文件，在该文件的标记中添加一个表单，并且在该表单中应用标记中添加文本框、密码域、单选选项、复选框、文本域、隐藏域、提交按钮、重置按钮、普通按钮和图像域共10个输入字段。 代码语言：javascript复制 文本框： 密码域： 单选按钮： 男 女 复选框： 1 2 文件域： 隐藏域： 提交按钮： 重置按钮： 普通按钮： 图像域： 在这里插入图片描述3.…下拉列表标记标记可以在页面中创建下拉列表，此时的下拉列表是一个空的列表，要使用标记向列表中添加内容。标记的语法格式如下： 代码语言：javascript复制标记的属性说明如下表所示： 属性 描述 name 用于指定下拉列表框的名称 size 用于指定下拉列表框中显示的选项数量，超出该数量的选项可以拖动滚动条查看 disabled 用于指定当前下拉列表框不可使用（变成灰色） multiple 用于让多行列表框支持多选 例： 代码语言：javascript复制 C C++ C# Java ;多行列表框（不可多选）： C C++ C# Java ;多行列表框（可多选）： C C++ C# Java 在这里插入图片描述多行文本标记为多行文本标记。与单行文本标记相比，多行文本可以输入更多的内容。通常情况下，标记出现在标记的标记内容中。标记的语法格式如下： 代码语言：javascript复制默认值标记的属性说明如下表所示： 属性 描述 name 用于指定多行文本框的名称，当表单提交后，在服务端获取表单数据时应用 cols 用于指定多行文本框显示的列数（宽度） rows 用于指定多行文本框显示的行数（高度） disabled 用于指定当前多行文本框不可使用（变为灰色） readonly 用于指定多行文本框为只读 wrap 用于设置多行文本中的文字是否自动换行 warp属性的可选值如下表 可选值 描述 hard 默认值，表示自动换行，如果文字超过cols属性所指的列数就自动换行，并且提交到服务器时，换行符被提交 soft 表示自动换行，如果文字超过cols属性所指的列数就自动换行，并且提交到服务器时，换行符不被提交 off 表示不自动换行，如果想让文字换行，只能按下Enter键强制换行 超链接与图片标记1.超链接标记超链接标记是页面中非常重要的元素，用于实现在网站中从一个页面跳转到另一个页面。超链接标记的语法非常简单，语法如下： 代码语言：javascript复制属性href用来设定连接到哪个页面中 2.图像标记在页面中添加图片是通过
属性 描述 src 用于指定图片的来源 width 用于指定图片的宽度 height 用于指定图片的高度 border 用于指定图片外边框的宽度，默认值为0 alt 用于指定当图片无法显示是显示的文字 |
在这里插入图片描述有序列表
有序列表的标记为，每一个列表项前使用。有序列表中的项目是有一定顺序的。代码语言：javascript复制
无序列表标记
编程词典有以下几种品牌
在这里插入图片描述表格标记表格标记【本文地址】