HTML基础

• hr标签(单标签)：水平线/ 分割线(单标签)
  
  • 属性
    
    • size 水平线的粗细，通常以像素为单位
    • width 宽度
    • align 分割线水平对齐方式
    • color 颜色
• sup标签：上标( superscript )
• sub标签：下标(subscript)
• 常见转义字符
  
  • 空格  
  • < <
  • > >
  • 版权标识 ©
• img标签(单标签, 且为行内元素)
  
  • 属性
    
    • src 路径
    • alt 提示：
      
      • 鼠标移入时显示文本
      • 图像不显示时显示文本
• a标签
  
  • 属性
    
    • href 链接url
    • target 指定打开新网页的方式
      
      • _blank 浏览器空白页打开
      • _self 加载覆盖当前页面
    • name 定义锚点名称
  • 使用场景
    
    • 页面间跳转
      
      • <a href="页面路径">文本 or 图像</a>
    • 页面上的文档(资源)下载
      
      • <a href="指定资源路径">文本 or 图像</a>
      • 资源路径：非html, htm, txt的资源
      • <a href="xxx.rar">下载</a>
    • 返回页面顶部的空链接
      
      • <a href="#">返回顶部</a>
        开发，测试阶段使用
    • 电子邮件链接
      
      • <a href="mailto:[e-mail]">联系我们</a>
      • 打开邮件本机客户端，向指定地址发送email邮件
    • 链接到Javascript
      
      • <a href="javascript:javascript代码段落"></a>
    • 锚点使用
      
      • 定义锚点
        
        • <a name="anchorName"></a>
      • 链接到锚点
        
        • <a href="#anchorName">文本 or 图像</a>
        • <a href="url#anchorName">文本 or 图像</a>
• table 元素属性
  
  • cellpadding 单元格内边距
  • cellspacing 单元格外边距
• td 元素属性
  
  • colspan 单元格跨列
  • rowspan 单元格跨行
• ol 元素属性
  
  • type 列表类型
    
    • 1 数字(默认值)
    • a 小写字母
    • A 大写字母
    • i 小写罗马字母
    • I 大写罗马字母
• ul 元素属性
  
  • type 列表类型
    
    • disc 实心圆(默认)
    • circle 空心圆
    • square 实心矩形
• dl 元素
  
  • 用法
    
    • <dl>
<dt></dt>
<dd></dd>
    • </dl>
  • 使用场合
    
    • 做图文混排的布局
• h5结构标记
  
  • <header></header> 用作网页头部
  • <nav></nav> 用作定义网页导航
  • <section></section> 用作标识网页中某一具体部分
  • <article></article> 用作定义文章
  • <footer></footer> 用作定义网页底部信息
  • <aside></aside> 用作定义侧边栏
• form 元素属性
  
  • enctype 表单数据的编码方式
    
    • application/x-www-form-urlencoded 默认，可以将正常字符、特殊字符提交给服务器(不支持文件上传)
    • text/plain 可以将正常字符提交给服务器
    • multipart/form-data 如果上传文件，必须使用该值
• input(单标签)
  
  • disabled 禁用控件
  • 当type=”text/password”时，有如下属性
    
    • maxlength 限制输入的字符数
    • readonly 设置控件为只读
  • 当type=”file”
    
    • 如果有文件上传，必须将表单中的enctype更改为multipart/form-data,同时method必须为post
  • 当type=”hidden”，称为隐藏域
    
    • 隐藏域在页面中是看不到的，一般会配合后台开发一起使用，从来不单独使用
• select 下拉框
  
  • size 指定显示的option数量
  • multiple 设置多选
• textarea 文本域
  
  • col 指定文本域的列数
  • rows 指定文本域的行数，如果输入超过行数，将出现滚动条
• fieldset 分组元素
  
  • <fieldset>
<legend>定义组标题</legend>
    显示内容
  • </fieldset>