码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础

时间:2016-04-09 15:15:54      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

HTML

  英文全称:Hyper Text Markup Language 

  中文全称:超文本标记语言

 

HTML标签

  正文标题:

    <h(1,2,3,4,5,6)></h(1,2,3,4,5,6)>  共六级,h1为最大。

  列表:

    无序列表:

      <ul>

         <li>一</li>

         <li>二</li>

         ...

      </ul>

    有序列表:

      <ol></ol>

    自定义列表:

      <dl>

        <dt>列表名称</dt>

        <dd>具体内容</dd>

      </dl>

  段落:

    <p></p>

  预格式文本:

    <pre></pre>标签内的内容会完全显现在网页上面。

  引用文本:

    <blockquote>引用的文字</blockquote>

  跨越多字符:

    <span></span>可以对标签内的内容进行特殊处理。

  超链接:

    <a href="链接地址" target="_blank"(选择打开方式)></a>

  分区块文本:

    <div>div块,通常用于布局</div>

  strong强调:

    <strong>加强语气</strong>

    <em>用斜体来表示</em>

    <i>斜体</i>

    <b>加粗显示</b>

  换行:

    <br/>

  水平线:

    <hr/>

  特殊字符:

    &nbsp;空格

    &lt;左尖括号<或小于号

    &gt;右尖括号>或大于号

    &copy;版权符号

    &reg;已注册符号

    &amp;and符号&

    &#151;长破折号

  图片:

    <img src="图片地址" alt=图片显示不出时替换用的文字/>

  表格:

    <table border="1"(边框线)>

      <caption>标题</caption>

      colspan合并行    rowspan合并列

      <colgroup>控制列的颜色

        <col style="background:red"/>

      </colgroup>

    </table>

  表单:

    <form action="路径" method="get/post"(传输方式)>

      <input type="text" value="" placeholder="username"(浅灰色的提示文本,聚焦时不显示)>

      <maxlength="11">最大值

      <input type="password">密码框

           type="rest"重置

          type="submit"提交

          type="file"上传文件

          type="checkbox"多选框

          type="radio" name="类别"单选框

          type="date"日期

          type="number" min="0" max="10"数字

          type="emil"电子邮件

          type="url"url地址

          type="tel"电话号码

      dutofous默认为聚焦属性

    下拉框:

      <select name="" id="">

        <option value="男装">男装</option>

        <option value="男鞋">男鞋</option>

      </select>

    </form>

  多行文本框:

    <textarea name="" id="">

    </textarea>(在<form>标签外写)

  定义域:

    <fieldset>

      <legend></legend>

    </fieldset>

  禁用:

    disabled

  只读:

    readonly

HTML基础

标签:

原文地址:http://www.cnblogs.com/yinian/p/5371527.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!