对于一些常见的HTML标签,如果不经常去整理,时间长了不用,慢慢的就会淡忘了,下面对一些常见的标签做一个备忘,也算是一个学习笔记:
一、开发工具:常用的HTML页面开发工具,如果是纯静态的页面开发,建议使用dreamwear,这是开发网页的绝对利器,
如果是java开发程序员,需要对页面进行改动或开发,可以将aptana集成进myeclipse,对于低版本的myeclipse,下载aptana有点麻烦,
这边提供一下eclipse3.3(这是myeclipse中的eclipse版本,myeclipse本质就是eclipse,myeclipse只不过是一个插件)对应的aptana下载地址:
http://update1.aptana.org/studio/3.2/024747/index.html
下载插件后,解压并将里面的features和plugins文件夹复制出来,
覆盖掉eclipse原有的这两个文件夹即可,当然也可以通过配置link文件的方式进行集成,这种方式管理更方便
二、常用标签
1.块级标签:标签结束后会换行
>div:区域标签,在不使用样式的情况下,界面上看不到该标签带来的任何效果,用于封装代码块
>p:段落标签,使用该标签后,标签内的内容会作为一个段落在页面上出现
>dl:列表标签,用于显示列表数据,该标签中使用dt标签和dd标签后,dd标签会有缩进的效果
>ol:列表标签,有序的列表标签,对于该标签的有序方式,可以有多种形式,包括大小写字母顺序、数字顺序
>ul:列表标签,无序
>form:表单标签,用于帮助服务器端收集客户端用户提交的数据
>table:表格标签,一般用于布局页面
>title:标题标签,一个html页面一般会出现一个标题标签
>head:头标签,一个html页面会出现一个head标签,head标签中一般用于放样式、脚本和标题标签
2.行内标签:标签结束后不换行
>a:超链接标签,也可以在页面中用作锚(用作锚时,配合name属性使用),需要注意的是a标签中的href属性,如果没有指定的话,
是没有超链接效果的,href标签中的默认文件协议是file,其他常见协议还有ftp、http、 javascript、mailto等,
有时候可能还会有软件开发商自己提供的协议,比如电驴和迅雷等
>select:下拉选择标签,这个一般用于多个选项中选择一个值时使用,比如选择国籍、地区或者兴趣爱好等,它的
option子元素中,如果指定了selected属性,那么在页面上,将会显示选中拥有该selected属性的标签的值
>span:跟div标签的效果差不多,不过,该标签是行内标签,标签结束后不换行的
>font:font标签用于指定样式
>img:图片标签,用于显示图片,对于该标签有个地方需要注意一下,就是图片热点区域,需要指定坐标
>input:该标签是表单标签,做表但时使用
>textarea:文本域标签,用于大数据的字段
3.其他一些标签
> frameset、frame:这连个标签是框架标签,一般是一起出现的,frameset用于框架的布局,frame则负责组装具体的页面
> sub、sup:前者是下标、后者是上标,比如一个数的N次幂,这时候就需要用到上标的这个标签了
> pre:保持内容的样式不变,这种一般用于在页面上显示代码用
> marquee:内容动态标签,用于页面上显示动态内容,现在很少用了,一般都用js写动态效果了,不用这个标签了