美文网首页
HTML基础

HTML基础

作者: b9973d078544 | 来源:发表于2018-04-03 20:45 被阅读0次

    1.什么是HTML?

    全称:HyperText Markup Language(超文本标记语言)。


    2.空标签

    空标签即不能包含子元素的标签。

    如:input;img;meta;link;hr;br;col;colgroup;frame;base;等。


    3.可替换标签

    CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的 外部对象。

    如:img;object;video;textarea;input

    audio;canvas有时候也是。


    4.a

    超链接,方法为get

    常用的可选属性如下:

    href 锚(必须属性)

    <a href="url"></a> url可是绝对路径,可相对路径

    <a href="#top"></a> 返回页面顶部

    <a href="#"> </a>刷新页面

    <a href="//"></a> 无协议,使用当前文件协议

    <a href="javascripit:;"></a>伪js协议

    target

    <a href="#" target="aaa"> 在aaa窗口打开

    <a href="#"  target="_self"></a> 当前页面加载

    <a href="#" target="_blank"></a> 新窗口加载

    <a href="#" target="_parent"></a> 父页面加载

    <a href="#" target="_top"></a> 顶级页面加载,如祖父级,父级

    download 下载

    <a href="xxx.com" download>


    5.ifame

    镶嵌页面

    <iframe src="xxx.com" name="xxx"><iframe>


    6.form

    表单

    常用属性:

    action:提交到哪儿 (必须)

    methoh:方法 (必须)

    get:URI中以?作为分隔符,发送给服务器(会暴露)

    post:发送内容出现在http第四部分。

    target:

    同a标签的target


    7.input

    type属性:

    text:输入文本

    <input type="text">

    <input type="text"  placeholder="abcd"> #默认输入abcd

    password:输入密码

    <input type="password">

    checkbox:多选

    <input type="checkbox" name="g1" value="1" checked>#默认选1

    <input type="checkbox" name="g1" value="2">

    radio:单选

    <input type="radio" name="g2" value="1" checked>#默认选1

    <input type="radio" name="g2" value="2">

    select:下拉选项

    <select name="select" multiple>可多选

      <option value="2">1</option>

    <option value="2" selected>2</option> #默认选2

    <option value="3" disabled>3</option>#不能选3

    </select>

    file:上传文件(accept属性控制类型)

    range:用于输入不精确值空间

    reset:将表达所有内容设置为缺省值的按钮

    search:搜索,换行会自动移除

    button:当没有submit时才会变成提交按钮

    <input type=“button” value=“button”>

    <button>button</button>

    sumbit:提交按钮

    <input type="sumbit" value="button">

    img:图片提交按钮,必须使用sirc属性以及alt代替文本

    color:选择颜色

    date:选择日期(年月日,不包括时间)

    datetime:基于UTC时区的日期时间输入空间

    email:输入email

    tel:电话

    textarea:文本框

    <textarea>ABCD</textarea>

    其他属性:

    name:控件名称,用于提交到服务器,后端会识别

    max:最大值

    mix:最小值

    maxlength:最大长度

    disabled:不可选

    accept:控制file的类型,形式如下accept=".jpg,png,doc"  点-格式-逗号

    laber

    关联input:

    1.for属性关联input的name属性

    <laber for="xxx">XXX<laber><input type="text" name="xxx">

    2.包裹inputype

    <laber><input type="text"></laber>


    8.table

    表格

    例:

    <table>

         <colgroup>

               <col width=100>

         </colgroup>

          <thead>

                <tr>

                     <th>Head<1/th>

                      <th>Head2</th>

                 </tr>

           </thead>

           <tbody>

                  <tr>

                       <td>1</td>

                        <td>2</td>

                  </tr>

           </tobdy>

           <tfoot></tfoot>

    </table>


    9.head

    head标签包含以下标签:

    meta:<meta charset="utf-8">

    titile:窗口的标题。

    base:指定一个文档包含所有相对URL的基本URL,只能有一个。

    <base href="http;//xxx.com">

    <base target="_blank" href="http://xxx.com">

    link:引入css

    <link href="xxx.css" rel="stylesheet" title="xxx">

    style:使用css

    <style type="text/css">

    h1{color:red}

    </style>

    script:使用js

    <script type="text/javascript">document.write("Hi")</script>

    noscript :当浏览器不能允许js时允许。

    相关文章

      网友评论

          本文标题:HTML基础

          本文链接:https://www.haomeiwen.com/subject/yrschftx.html