Home >Web Front-end >HTML Tutorial >Understand the basic tags of html

Understand the basic tags of html

PHP中文网Original: 2017-06-22 11:08:011301browse

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

1. Hyperlink

<a href="#">超级链接（anchor）</a>

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）

3, title tag

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

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>

[2], ol ordered list (order list)

<ol>
<li>li 列表项（list item）</li>
<li>li 列表项（list item）</li>
</ol>

[3], ul unordered list (unordered list)

 <ul>
       <li>列表项（list item）</li>
       <li> 列表项（list item）</li>
 </ul>

5, form tag

<form action="#" method="post">表单（form）</form>

<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; 按钮

6, drop-down list box

select 选择列表（select）
<select>
<option 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>

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!

Statement：

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

Previous article：The conversion between px, em, and pt units and their differencesNext article：The conversion between px, em, and pt units and their differences

See more

Understand the basic tags of html

Related articles