zoukankan      html  css  js  c++  java
  • HTML前端小结

    1.HTML(超文本标记语言)

      结构:Structure,行为:Behavior, 表现:Presentaion

    W3C规范:XML,CSS,DOM,XHTML,ECMAScript

    结构标准使用XHTML,表现使用CSS,行为使用DOM和ECMAScript

    XHTML(可扩展文本标签语言)ExtensibleHyperText MarkUpLanguage分为xml和html

    2.<img src=”” alt=”图形无法显示时候代替的文本” width=””height=””title=”图片提示”/>

    <p></p>段落标签

       <br/>换行标签

       <hr/>水平线标签

      <a href=”url”target=”目标窗口位置”>连接文本或图像></a>

      Target:质地昂链接文件在何处打开,常用有两个值,_blank(在新窗口中打开)

              _self(默认在相同的框架总打开链接文件)

     <!--注释-->

    瞄链接:一个界面中写<a name=”middle”></a>

            在另一个页面中添加连接<a href=”第一个页面名.html#middle”>

    3.XHTML规范:

     1.标签名和属性名称必须小写

     2.HTML标签必须关闭

     3.属性值必须用引号括起来

     4.标签必须正确嵌套

     5.属性不能简写

     6.必须添加文档类型声明

     7.属性值必须只用完整形式

    3.HTML列表

      1.无序列表(列表没有序号)

      <ul type=”定义列表序号样式”>

    <li></li>

       </ul>

      

      2.有序列表

       <ol>

         <li></li>

        </ol>

      3.自定义列表

        <dl> <dt></dt><dd></dd> </dl>

    4.表格:

      Cellspacing属性用于控制单元格之间的间距,cellpadding属性用于控制单元格边框与其内容之间的间距

      align属性用于控制单元格中内容的对齐方式,属性值用left(左对齐),right(右对齐),center(居中对齐),其中left为默认的值

      表格的跨行和跨列:colspan:跨列,rowspan:跨行

    5.表单元素的基本格式

     <input name=”元素名称” type=”类型”value=”值”size=”显示宽度”maxlength=”字符长度” checked=“是否选中”/>

    <forme action=”” method=””>action规定用于提交表单信息向何处发送表单,即处理表单数据的目标地址,如不填,默认是当前页面

    <input type=”image”src=”” disable=”disable”></input>

    <input type=”text” value=”张三”name=”usename”/>

    <input type=”radio” value=”男” name=”gender”id=”male”/>

    <lable for=”male”>男</lable>

    <marquee></marquee>//图片循环滚动

    5.语义话表单

      使用html提供的,具有特定语义的表单标签制作的表单,被形象的称为语义话表单

    <h2>语义话表单</h2>

        <fieldset>

           <legend>个人信息:</legend>   <input/>

        <fieldset>

  • 相关阅读:
    求解大于或等于某个4字节正整数的最小2次幂
    C++17 std::optional
    C++主动调用析构函数
    std::raise()
    C++ std::integral_constant
    C++ range-v3库的安装与测试[Utunbu 18.04]
    python将YUV420P文件转PNG图片格式
    python将两张图片横向或者纵向合成一张
    folly库之Benchmark.h
    Facebook的folly库在Utunbu上的编译
  • 原文地址:https://www.cnblogs.com/ablejava/p/5572441.html
Copyright © 2011-2022 走看看