HTML总结1

时间:2021-04-05 08:13:04

1、html基本结构
 <html>
  <head>
   <title>我的第一个网页</title>
  </head>
  <body bgcolor="red" background="bg.jpg">
  </body>
 </html>
2、文本相关标签
 <H1>  -  <H6>
 <font> color size face
 <p> align  <br>
 <center> <b> <i>
 <hr>
 <pre> 预格式文本,让文本保持原来风格,英雄本色
 特殊字符
 &nbsp;  &lt;  &gt;
3、超链接
 <a> href target="_blank"
 相对路径
 绝对路径
 根路径

锚定 <a name="top">顶部</a>

<a href="#top" name="top">回到顶部</a>
4、图像
 <img> alt src width height border
5、列表
 <ul>  type=disc, circle, square
 <ol>  type=1,a,A,I,i
6、表格
 <table> align valign rowspan colspan
 cellpadding填充 cellspacing间距 border bordercolor
 
7、表单
 <form> method
 <input> type=submit reset button image checkbox radio text password hidden file
 <textarea>
 <select>
 <label>

8、<fieldset> <legend>  
9、<meta>
10、注释 <!--  注释的内容  -->
* <embed src="coder.mp3" loop=true autostart=true name=bgss width="460" height="68">调用wmp的插件
* <bgsound src="town.mid" loop="true" />只能播放wav和mid格式,只支持ie

* 插入flash
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="700">
<param name="movie" value="light-bot-2205.swf" />
<param name="quality" value="high" />
<embed src="light-bot-2205.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="700"></embed>
</object>

* 滚动标签 <marquee> scrolldelay  direction

遗留问题:
1、text和password不一样长
2、无法改变button的长度
3、table的的边框太粗 table内文字样式

随机推荐

  1. css sprite,css雪碧图生成工具V3&period;0更新

    V3.0主要改进 1.增加了单独添加单张图片以及删除单张图片的功能 2.增加了生成.sprite文件用以保存雪碧图信息 3.增加了打开.sprite文件功能 什么是css sprite CSS spr ...

  2. Swift -运算符和循环结构

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #4dbf56 } p.p2 { margin: 0.0px 0. ...

  3. js组合继承和寄生组合式继承比较

    本文是原创文章,如需转载,请注明文章出处 1.js中实现组合继承(B继承A): function A(name){ this.name = name; this.ary = ["AA&quo ...

  4. &lbrack;POJ2777&rsqb;Count Color(线段树)

    题目链接:http://poj.org/problem?id=2777 给你一个长为L想线段,向上面染色,颜色不超过30种,一共有O次操作,操作有两种: C a b c 在[a,b]上染上c颜色 P ...

  5. if

    语句快中的变量与函数的局部变量关系;

  6. Python脚本调用C&num;代码数据交互示例(hello world)

    原地址: http://www.djangochina.cn/forum.php?mod=viewthread&tid=247 随着项目的逐渐收尾, 对IronPython脚本也越来越熟悉,这 ...

  7. iOS UICollectionView 长按移动cell

    ref:http://www.jianshu.com/p/31d07bf32d62 iOS 9之后: 示例如下 效果 前言: 看完你可以学到哪些呢? 就是文章标题那么多, 只有那么多. . 手残效果图 ...

  8. Why Doesn&&num;39&semi;t Python Have Switch&sol;Case&quest;

    Why Doesn't Python Have Switch/Case? Tuesday, June 09, 2015 (permalink) Unlike every other programmi ...

  9. handsontable合并表头

    想在页面中做类似excel的操作,发现handsontable符合要求. 然后发现这个文章 http://blog.csdn.net/wynan830/article/details/9054195 ...

  10. c&num; 日期函数DateTime&period;ToString&lpar;&rpar;日期的各种格式

    //c# datetime 格式化 DateTime dt = DateTime.Now; //2017/11/14 10:46:56 label1.Text = dt.ToString();//20 ...