html 标签

HTML版本

  html4.01

  xhtml  

  html5

  html5.1

HTML规范文档:W3C书写

HTMl文档类型:HTML5:<!DOCTYPE html>

HTML基本组成:

  根标签:html 

  文档数据:head title(标题)

    CSS:link(外部链接css) style(内联css) 

    脚本:script(外部脚本) noscirpt(不支持脚本显示文字)template(JavaScript运行实例化内容的容器)

  章节:body(文档内容)

    章节:section(一个章节)nav(导航链接章节)ariticle(文档内容块)main(主要内容)address(联系信息章节)header(页面头部)footer(页面尾部)h1-h6(标题)

    内容:p(段落)hr(分隔符)ol(有序列表)ul(无序列表)li(列表项)dl(定义列表)dt(dd定义的术语)dd(内容)div(通用容器)

    文字:a(链接)strong(中药文字)small(注释 免责声明&版权声明)code(计算机代码)kbd(键盘输入)span(无特殊含义文本)

    嵌入:img(图片)iframe(内联框架)object(外部资源)video(视频)audio(音频)canvas(画布)map(图像映射区域)svg(矢量图)math(数学公式)

    表格:table(定义多维数据)tbody(具体数据)thead(表头)tfoot(表尾)tr(行)td(单元格)th(头部单元格)

    表单:form(表单)fieldset(控件组)legend(控件组标题)input(数据框 文本&单选&复选)button(按钮)

难点标签:

  a标签:

<a href="http://淘宝.com" download>下载</a>
    href:链接路径:绝对路径href="/css/style.css"
         相对路径href="qq.com"
       锚点href="#1"
查询参数href="?aaa"
无协议绝对路径--用当前文件协议
             javascript伪协议href="javascript: alert(1)"--执行JavaScript代码
href="javascript:;"--点击a标签 不产生任何跳转

   target属性:_blank:新页面打开链接

          _self:当前页面打开链接

          _parents:父页面打开链接

          _top:顶层页面打开链接

    download属性:下载链接内容

  form标签:

  <form action="https://www.baidu.com" method="post">
  <input type="text" name="username">
  <input type="password" name="password">
  <input type="submit" name=“提交”>
  </form>

    请求:post get(主要实现post请求 get只是存在功能)

    表单:需要类型为submit的input提交内容

    链接:通过action将实现,请求路径为https://www.baidu.com

    内容:input内容,key对应name属性内容,等号之后对应输入内容。

               button和input type=“submit” 区别:form中<button></button>可实现提交能力

    label标签:<label for="abc">内容</label>是为了input的ID属性为ABC添加可点击文字,点击之后自动跳转input输入框。

             若感觉麻烦,可将label标签包裹住input标签,建立父子属性,自动关联。

    input的checkbox和radio:CheckBox为多选框,radio为单选框,前提name属性一致。

    input的select:多选:multiple

                                       option:空选项-value=“”   不可选disabled 默认选中selected

  

  iframe标签:

<iframe src="http://www.taobao.com" frameborder="0"></iframe>

    src:嵌套路径

    frameborder:边框,默认设置为0

    name:默认为xyz,通过a标签target属性xyz,点击a链接,内容映射入iframe中

  table标签:

    表格标签:

posted @ 2018-03-23 19:08  不想吃包子  阅读(78)  评论(0编辑  收藏  举报