学习HTML,为了解决不同浏览器的兼容性,我们应严格按照web标准编写代码,以实现在不同的浏览器实现一样的内容和效果。
web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合,主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
结构标准:结构用于对网页元素进行整理和分类,我们主要学习的是HTML。
表现标准:表现用于设置网页元素的格式、颜色、大小等外观样式,主要指的是CSS。
行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是Javascript。
之前在黑马程序员的空间里看到了下面这张图,我觉得表达得很形象。
HTML:用文字来描述网页的一种超文本标记语言,是一种标签语言。
标签分为单标签和双标签:我们所学习的标签大部分都是双标签(eg:<head></head>,<html></html>,<div></div>...),也有少部分的单标签(eg:<img>,<br>,<hr>,<input>,<meta>,<link>...)
标签之间也存在两种关系:父子关系和兄弟关系:兄弟关系(两个标签在同一级),父子关系(两个标签存在包含关系)。
此外,还总结了一些常用html标签如下
html中的表格是较为常用的一种标签,但不是用来布局的,常见处理是用来显示数据。
注:三参为0:border=0,cellspacing=0,cellpadding=0;(默认cellspacing和cellpadding是有值的,不想看到表格有间距需手动将他们设置为0.)
表头标签:表头一般位于表格的第一行或第一列。其文本加粗居中,设置表头标签很简单,只需要用表头标签<th></th>替代相应单元格标签<td></td>即可。
表格标题标签:<caption></caption>
表单标签:表单的目的是收集用户信息。
label标签直接进行包括可以在光标定位到用户名时就自动将光标定位到文本框中(之前的用法是要自己手动将光标定位到文本框中)增加用户体验。
method中的表单数据提交方式,get 提交之后会在网址后面显示填写信息,而post是匿名提交,不会显示。
学表单域是为了学习后面的Ajax.
以上大部分知识点来源于黑马程序员。