html学习笔记


对于一些常见的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写动态效果了,不用这个标签了  


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值