首页 > 代码库 > html的概念

html的概念

一、HyperText Markup Language   内容,html是弱代码语言,代码编写不严谨

1、超链接  <a href="http://www.mamicode.com/#">超级链接(anchor)</a>

    写超链接的href地址的时,要注意是否有写相应的解析协议,没有设置协议时,按照默认的本地文件的文本协议

    https,http,邮件,自定义(迅雷)等;

2、其他标签

    <address>地址(address)</address>

    <b>粗体(bold)</b>
    <big>放大(big)</big>
    <blockquote> 引用块(blockquote)</blockquote>
    <br/> 换行(break)

    <center> 居中(center)</center>
    <cite>引用(cite)</cite>
    <code>代码(code)</code>

    <del> 删除(delete)</del>
    <dfn> 定义(definition)</dfn>
    <div> 区块(division)</div>
    <em> 强调(emphasize)</em>

    <hr/> 横线(horizontal)

    <i> 斜体(italic)</i>
    <u>下划线(italic)</u>

    <p>p 段落(paragraph)</p>
    <pre>按预定格式显示的文本(Preformatted)</pre>
    <q>引用(quote)</q>

    <samp>例子(sample)</samp>
    <small>缩小(small)</small>
    <span>文本段(span)</span>
    <strong>重点强调(strong emphasized)</strong>
·   <sub>下标(subscript)</sub>
    <sup>上标(superscript)</sup>
    <textarea>多行文本输入区(textarea)</textarea>
    <tt>电传打字机(teletype)(等宽字体)</tt>
     <var>可变文本(variable)</var> 
3、标题标签

<h1>标题1</h1>

<h2>标题2</h2>

<h3>标题3</h3>

<h4>标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

4、列表标签 ——  

    [1]、dl 字典列表(dictionary list)

  <dl>

    <dt>dt 字典标题(dictionary title)</dt>

            <dd>dd 字典数据(dictionary data)</dd>

    <dt>dt 字典标题(dictionary title)</dt>

                   <dd>dd 字典数据(dictionary data)</dd>

  </dl>

    [2]、ol 有序列表(order list)

<ol>

<li>li 列表项(list item)</li>

 

<li>li 列表项(list item)</li>

 

 

</ol>

     [3]、ul 无序列表(unordered list)

 <ul>
       <li>列表项(list item)</li>
       <li> 列表项(list item)</li>
 </ul>

5、表单标签
<form action="#" method="post">表单(form)</form>

<img src="http://www.mamicode.com/#" alt="图片" />图片(image)
<input type="text" name="name" value="" />input,type=‘text‘ 文本输入框(text)
<input type="radio" name="name" value="" />input,type=‘radio‘ 单选框(radio)
<input type="checkbox" name="name" value="" />input,type=‘checkbox‘ 复选框(checkbox)
<input type="file" name="name" value="" />input,type=‘file‘ 文件选择框(file)
<input type="hidden" name="name" value="" />input,type=‘hidden‘ 隐藏域(hidden)
<input type="image" name="name" value="" />input,type=‘image‘ 图片按钮(image)
<input type="password" name="name" value="" />input,type=‘password‘ 密码输入框(password)
<input type="reset" name="name" value="http://www.mamicode.com/reset" />input,type=‘reset‘ 重置按钮(reset)
<input type="submit" name="name" value="http://www.mamicode.com/submit" />input,type=‘submit‘ 提交按钮(submit)
<input type="button" name="name" value="http://www.mamicode.com/button" />input,type=‘button‘ 按钮


6、下拉列表框

    select 选择列表(select)

<select>

<option http://www.mamicode.com/value="value">option 选择项(option)</option>

</select>


7、table 表格(table)
<table border="0" cellpadding="0" cellspacing="0">

  <tr>

    <td>td 表格数据(table data)</td>

 

    <td>td 表格数据(table data)</td>

 

 

  </tr>

  <tr>

    <td>td 表格数据(table data)</td>

 

    <td>td 表格数据(table data)</td>

 

 

  </tr>

</table>

html的概念