好的程序员web前端培训分享HTML基本结构和基本语法，例如：2.空标签例如：说明：1.<>中写的第一个字是称为标签，标记，元素。2、标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在“”中。3、一个标签可以没有属性也可以有多个属性，属性与属性之间没有先后顺序。4.空标签没有结束标签，用“/”代替。五、HTML常用标签1、文字标题(h1-h6)

LOGO

二级标题

三级标题H3

四级-leveltitleH4

Level5title

Level6title

注意：文字标题标签带有粗体，有自己的文字大小，占一行，withdefaultspacing2,paragraphsText(p)

paragraphtextcontent

标识一个段落（段落之间有空格）3.空格的位置没有确定值，与当前字体大小。4.换行符(br)换行符是一个空标记（强制换行符）5、横线空标记6、粗体有两个标记A、粗体内容只显示粗体B、高亮文字7、斜体强调文字斜体文字8.Extendedtextunderlinetextstrikethroughtextstrikethroughsubscriptsuperscript9.列表(ul,ol,dl)HTML中有三种列表：无序列表、有序列表、自定义列表*无序列表无序列表组成：

(无序列表)
。．．．．．

*有序列表有序列表包括：

（有序列表）
。．．．．．

*自定义列表

（定义列表）

名词

解释

（定义说明）。．．．．．

知识扩展2----有序列表的属性1）、类型：指定列表项中项目符号的类型语法：1序号顺序列表（默认）（1、2、3、4）。a按字母顺序排列的有序列表，小写(a,b,c,d)。按字母顺序排列的列表，大写(A,B,C,D)i罗马数字，小写(i,ii,iii,iv)。I罗马数字，大写(I,ii,iii,iv)。2)、start属性指定有序列表的起点。语法：10、插入图片注意：插入的图片一定要放在站点下面。Title功能：图片的标题；当鼠标悬停在图片上时，会出现一个小提示，鼠标离开时会消失。HTML中的大部分标签都支持title属性，title属性是alt对提示信息的作用：提示文字一定要写；alt属性是当你的图片由于某种原因无法加载时页面显示的提示信息，它会直接输出图片原来的加载位置。（优化图片）*相对路径的写法：1）当当前文件和目标文件在同一目录时，直接写目标文件名+扩展名；2）当当前文件与目标文件所在文件夹在同一目录时，书写方式为：文件夹名/目标文件全名+扩展名；3）当当前文件所在文件夹与目标文件所在文件夹在同一目录下时，写法如下：../文件夹名目标文件/目标文件名+扩展名；11.超链接的应用语法：链接文字/图片空链接属性：target：页面打开方式，默认属性值_self。属性值：_blankOpenanewpageinanewwindow12、数据表的作用及组成：显示数据表的组成注：tr表示一行；atd表示表格的一列（单元格）列Title*数据表格的相关属性1)width="表格的宽度"2)height="表格的高度"3)border="表格的边框"4)bgcolor="表格的背景色"5)bordercolor="表格的边框颜色"6)cellspacing="单元格之间的间距"7)cellpadding="单元格与单元格之间的间距content"8)水平对齐：align="left/center/rightRightalignment";9)垂直对齐：valign="toptopalignment/middlecenter/bottombottomalignment/baseline(基线);10)合并单元格属性：colspan="要合并的单元格的列数"mergedcolumns;rowspan="要合并的行数"mergedrows;13、表格的作用及形成表格的作用：用于收集用户信息；表格组成：表单框(formfieldform)提示信息formcontrol/formElement1),formbox2)文本框3)密码框4)提交按钮重置按钮5)RadioBox/RadioButtoncheckbutton中的name属性必须要写，并且同一组checkbutton的name属性值必须相同。checked="checked"表示默认选中，可简写为checkeddisabled="disabled"表示禁用，可简写为disabledenabled：可用状态7）下拉菜单Menucontent8）多行文本框（textfield）9)跳转按钮按钮和提交的区别is:submit是一个提交按钮，用来提交信息的功能，类型type是按钮只起到跳转的作用，并没有提交。提示信息标签（作用：将提示信息与对应的表单控件关联起来）提示信息扩展知识点3：对于不同的输入类型，使用value属性意味着value属性设置输入元素的值。对于不同的输入类型，value属性的用法不同：type="button","reset","submit"-定义按钮上显示的文本type="text","password"-定义输入的初始值fieldtype="checkbox","radio"-定义与输入关联的值注意：和必须设置值和其他名称属性。扩展知识点4：Formget和post这两种获取数据的方法有什么区别？get是从服务器获取数据，post是向服务器发送数据。get是将参数数据队列添加到提交表单的ACTION属性指向的URL中。该值对应于表单中的每个字段，可以在URL中看到。post是将表单中的各个字段及其在HTMLHEADER中的内容通过HTTPpost机制发送到ACTION属性所指示的URL地址。用户看不到这个过程。对于get方法，服务器使用Request.QueryString获取变量的值，对于post方法，服务器使用Request.Form获取提交的数据。get传输的数据量很小，不能超过2KB。post传输的数据量比较大，一般默认为无限制。get的安全性很低，post的安全性很高。但执行效率优于Post方式。建议：1、get方法的安全性比post方法差。如果包含机密信息，建议使用post数据提交方式；2、做数据查询时，推荐使用get方法；以及添加、修改或删除数据时14、div和span

的用法没有具体含义，除了一行外没有其他默认属性，这是页面布局中常用的标签；文本节点标签可以是一小段文字，也可以是一个词。除了没有换行符外，它没有任何其他默认属性；