HTML

HTML即超文本标记语言，包括一系列标签，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

HTML

• HTML（超文本标记语言）
  • 标签
    • 属性
      • 值（不写值时为默认值）
  • </meta>一般默认的设置字符集
  • <a></a>
    • herf
      • herf="url"
        • 链接到网址或自己写的html
      • 锚点定义：href="#t1 href="#"置顶
        • name="t1"|id="t1"
      • 发送邮件 herf="mailto:[e-mail]"
    • target
      • _blank（新开一个窗口打开链接页面）
      • _self(当前页面打开)
    • title
      • 鼠标放上去时的小提示
  • <a><img></a>
    • src
      • 相对路径
    • alt
      • 当文件不存在时的提示
    • width
      • 图片宽度
    • height
      • 图片高度
  • <table></table>
    • boder
      • =1有无边框
    • align
      • 对其方式：左右居中
    • cellspacing
    • cellpadding
    • width
      • 占视口宽度30%或用像素
    • 表格例题：
  • <table><tr><td></td></tr></table>
    • 每行
      • （也可有table里的属性）
    • 每行的单元格
  • <br>或换行
  • HTML5中的表单
    • <form></form>
      • method(提交方式)
        • get/post
      • action
        • 页面通过表单向服务器提交数据时的路径
      • enctype(文件上传类型)
        • 视频·/图片
    • <form><input/></form>
      • type(输入类型)
        • 输入的：
        • 默认text（文本）
        • password（密码）
        • tel(电话)
        • color（颜色）
        • 选的：
        • radio（小选框）
        • checkbox（复选框）
        • datetime（日期时间）
        • date（日期）
        • 按的：
        • button（按钮）
        • submit（注册）
        • reset（重置）
      • checked(默认选择)
        • checked
      • name
        • gender（性别）
        • favor（喜欢）
        • name属性表示向服务器提交
      • value
        • 选的那种一定要给值
      • placeholder(文本框内显示)
        • "要求"
      • required（表示此项目必须填写）
      • readonly（只读）
        • readonly="readonly"
      • disabled(禁用)
      • onfocus=test01( )获取焦点
      • onblur=test02( )失去焦点
      • onclick=test03( )点击时
    • 表单中的非input标签：
    • <form><select><option></option></select><input/></form>选项 选择
      • <select name=“addr”>(name写在s,value写在o)
      • <option value=“bj”>
      • <input type="button" value="普通按钮"/> <input type="submit" value="注册"/> <input type="reset" value="重置"/>
    • <form><textarea></textarea></form>（生成文本域）
      • name
      • cols(一行多少字)
        • cols="20"
      • rows（多少行）
        • rows="10"
        • 注意：改了一下
    • 表单例题
  • 块标记和行内标记
    • div 、p、hx 自动换行（占满整行），高度取决于内容，可设置宽高
    • span、a、input、img 不会自动换行，高度就是内容的宽度，不可设置宽高
• HTML5新特性
  • H5常用标签
    • <span></span>（普通标签，方便节点操作时使用）
      • style=“color：red；”
    • <p></p>(段落标签，自动换行，带默认行间距)
    • <h1></h1>(标题标签，h1~h6,控制字体大小，且有加粗效果)
    • <div></div>(块标签，)
    • 补充常用标签：
    • <audio></audio>(加载播放音频)
    • <b></b>(字体加粗签)
    • <button></button>
      • <input type="button">和button标签的区别
    • <del></del>(中划线)<ins></ins>(下划线)
    • <em></em>=</i></i>(斜体)
    • <strong></strong>=<b></b>(加粗）
    • <hr><>(水平线)
    • <ul><li></li></ul>(无序列表)
    • <ol><li></li></ol>(有序列表)可嵌套
    • <pre></pre>(预处理，写什么样，显示什么样)
    • <script></script>（导入js的）
    • <link></link>（导入css样式）
    • <video></video>（导入视频）
  • H5新增常用标签
    • <datalist></datalist>
    • <output></output>
  • H5新增常用属性
    • autocomplete（自动完成）表示下次搜索时会有显示
    • autofocus（自动聚焦）默认显示在哪个文本框的位置
    • form（在表单之外通过form属性加过去）
    • 表单的重写属性（允许重写 form 元素的某些属性设定）
      • formaction：会覆盖<form> 元素中的action属性
      • formenctype：重写表单的 enctype 属性
      • formmethod ：重写表单的 method 属性
      • formnovalidate：重写表单的 novalidate 属性
      • formtarget ：重写表单的 target 属性
      • 注释：表单重写属性适用于以下类型的 <input> 标签：submit 和 image。
    • list（表示输出的域（内容））为列表形式
    • multiple(多选，多文件上传)
    • novalidate(无需验证直接提交)
    • pattern（验证输入是否符合规范）（正则表达式）
  • 表格的完整结构（出现在选择题中）
    • <table>
    • <caption>表格的标题</caption>
    • <thead></thead>
    • <tfoot></tfoot>
    • </table>