html 标签

HTML基本标签

目录

HTML基本标签

基本标签

标题标签

水平线

超链接

图像标签

表格标签

 列表

表单

---

基本标签

开始标签 *	元素内容	结束标签 *
<p>	这是一个段落	</p>
<a href="default.htm">	这是一个链接	</a>
<br>	换行

标题标签

<h1>-<h6>

实例：

<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>

 效果：

水平线

<hr>,在网页中创建水平线

实例：

<p>水平线</p>
<hr>
<p>水平线</p>
<hr>
<p>水平线</p>
<hr>

效果：

超链接

<a href="链接的地址">链接文本</a>

图像标签

<img src="图片的地址" alt="当图片不存在时提示文字">

表格标签

表格<table>,表格行<tr>,表头<th>,单元格<td>

<table border="1">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
    </tr>
    <tr>
        <td>单元格3</td> 
        <td>单元格4</td>
    </tr>
</table>

效果：

 列表

有序列表

使用<ol>标签

<h1>有序列表</h1>
<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>

无序列表

使用<ul>标签

<h1>无序列表</h1>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

自定义列表

<dl>标签开始，<dt>标签结束

<dl>
    <dt>饮料</dt>
    <dd>可乐</dd>
    <dd>雪碧</dd>
    <dt>食物</dt>
    <dd>汉堡包</dd>
    <dd>鸡腿</dd>
    </dl>

效果：

表单

<from>创建一个表单

创建一个文本输入框：

<input type="text" name="firstname">

创建一个密码输入框：

<input type="password" name="firstname"> 

创建一个单选按钮

<input type="radio" name="sex" value="male">男

创建一个复选按钮

<input type="checkbox" name="vehicle" value="Bike">嗨嗨嗨

创建一个提交按钮

<input type="submit" value="Submit">

 

结束