[关闭]
@Tean 2016-12-26T08:51:12.000000Z 字数 1574 阅读 933

HTML

html


HTML

超文本标记语言

HTML基本结构

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" >
  5. <title>网页标题</title>
  6. <meta name="keywords" content="关键字1,关键字2">
  7. <meta name="description" content="描述信息">
  8. </head>
  9. <body>
  10. <!-- 网页主要内容 -->
  11. </body>
  12. </html>

HTML常用标签

内联标签

块级标签

超链接

  • <a href="url" target="">连接文本</a>
    • href : 连接地址(外网时候要加协议)
    • target : 连接打开方式
      • _self : 当前窗口打开,缺省值
      • _blank : 新窗口打开
      • _parent : 父级窗口打开
      • _top : 顶级窗口打开
  • 用处
    • 普通连接
    • 锚点
    • 功能性连接 <a href="mailto:xx@xx.com">发送邮箱</a>

图片

  1. <img src="图片路径" title="" alt="" width="" height="" border="">

注意: 超链接里的图片在IE下图片会有边框

列表

  • 无序列表
  1. <ul type="disc circle square">
  2. <li></li>
  3. </ul>
  • 有序列表
  1. <ol type="1 a A I i">
  2. <li></li>
  3. </ol>
  • 定义列表
  1. <dl>
  2. <dt></dt>
  3. <dd></dd>
  4. <dt></dt>
  5. <dd></dd>
  6. <dd></dd>
  7. <dd></dd>
  8. </dl>

表格

  1. <table width="宽度" border="边框宽度" cellspacing="单元格和单元格之间的距离" cellpadding="单元格和内容之间的距离" align="表格对齐方式">
  2. <tr>
  3. <td rowspan="跨行数量" align="内容的水平对齐方式" valign="垂直对齐方式"></td>
  4. <td></td>
  5. <td></td>
  6. </tr>
  7. <tr>
  8. <td colspan="2"></td>
  9. </tr>
  10. </table>

表单

  1. // method: get | post
  2. <form action="表单提交地址" method="表单提交方式">
  3. </form>
  4. // get:通过url传参,把数据暴露在地址栏里,所有不安全,但效率高,有大小限制。
  5. // post: 安全,数据承载量大,一般上传都是post

表单元素

  1. <form action="" method="post">
  2. 普通文本框:<input type="text" value="默认值" placeholder="">
  3. 密码框:<input type="password">
  4. 单选框:<input type="radio" checked>
  5. 复选框:<input type="checkbox" checked>
  6. 普通按钮:<input type="button" value="按钮显示的文字">
  7. 提交按钮:<input type="submit">
  8. 重置按钮:<input type="reset">
  9. 图片按钮:<input type="image" src="图片路径">
  10. 文件选择框:<input type="file">
  11. 隐藏文本框:<input type="hidden">
  12. 多行文本域:<textarea></textarea>
  13. 选择框:
  14. <select>
  15. <option selected value="提交给后台的数据">用户看到的数据</option>
  16. </select>
  17. 按钮:<button type="button reset submit"></button>
  18. </form>

内联框架

  1. <iframe src="引入的网页地址" name="名称" width="" height="" frameborder=""></iframe>
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注