Understand the basic tags of html

PHP中文网
Release: 2017-06-22 11:08:01
Original
1285 people have browsed it

1. HyperText Markup Language content, html is a weak code language, and the code writing is not rigorous

1. Hyperlink

<a href="#">超级链接(anchor)</a>
Copy after login

When writing the href address of a hyperlink, pay attention to whether the corresponding parsing protocol is written. If the protocol is not set, follow the default local file text protocol

https, http, Email, custom (Thunder), etc.;

2, other tags

  <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>
    <p> 区块(pision)</p>
    <em> 强调(emphasize)</em>

    <hr/> 横线(horizontal)

    <i> 斜体(italic)</i>

    <u>下划线(italic)</u>

    <p>p 段落(paragraph)</p>
    <pre class="brush:php;toolbar:false">按预定格式显示的文本(Preformatted)
引用(quote) 例子(sample) 缩小(small) 文本段(span) 重点强调(strong emphasized) · 下标(subscript) 上标(superscript) 电传打字机(teletype)(等宽字体) 可变文本(variable)
Copy after login

3, title tag

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
Copy after login

4, list tag ——

[1], dl dictionary list (dictionary list)

  <dl>
    <dt>dt 字典标题(dictionary title)</dt>
            <dd>dd 字典数据(dictionary data)</dd>
    <dt>dt 字典标题(dictionary title)</dt>
                   <dd>dd 字典数据(dictionary data)</dd>
  </dl>
Copy after login

[2], ol ordered list (order list)

<ol>
<li>li 列表项(list item)</li>
<li>li 列表项(list item)</li>
</ol>
Copy after login

[3], ul unordered list (unordered list)

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

5, form tag

<form action="#" method="post">表单(form)</form>
Copy after login
<img src="#" alt="图片" />图片(image)
<input type="text" name="name" value="" />input,type=&#39;text&#39; 文本输入框(text)
<input type="radio" name="name" value="" />input,type=&#39;radio&#39; 单选框(radio)
<input type="checkbox" name="name" value="" />input,type=&#39;checkbox&#39; 复选框(checkbox)
<input type="file" name="name" value="" />input,type=&#39;file&#39; 文件选择框(file)
<input type="hidden" name="name" value="" />input,type=&#39;hidden&#39; 隐藏域(hidden)
<input type="image" name="name" value="" />input,type=&#39;image&#39; 图片按钮(image)
<input type="password" name="name" value="" />input,type=&#39;password&#39; 密码输入框(password)
<input type="reset" name="name" value="reset" />input,type=&#39;reset&#39; 重置按钮(reset)
<input type="submit" name="name" value="submit" />input,type=&#39;submit&#39; 提交按钮(submit)
<input type="button" name="name" value="button" />input,type=&#39;button&#39; 按钮
Copy after login

6, drop-down list box

select 选择列表(select)
<select>
<option value="value">option 选择项(option)</option>
</select>
Copy after login

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>
Copy after login


The above is the detailed content of Understand the basic tags of html. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template