html标签

最新推荐文章于 2024-09-16 23:05:35 发布

Hl52099

最新推荐文章于 2024-09-16 23:05:35 发布

阅读量99

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/Hl52099/article/details/126246987

版权

HTML标签

标题标签 <h1>-<h6>

<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>

段落标签 <p>

<p>我是一个段落标签</p>

水平线标签 <hr/>

<hr/>

换行标签 <br>

<p>我要从这里<br>开始换行</p>

div标签（独占一行）

<div>我是一个div标签</div>

span标签

<span>我是一个span标签</span>

超链接 <a> _self：在同一个网页中显示（默认值）

_blank：在新的窗口中打开

_parent：在父窗口中显示

_top：在顶级窗口中显示

<a href="address" title="悬停文本" target="目标网址打开方式">我是一个a标签</a>

图片标签 <img>

<img src="图片地址">

列表标签

1.有序列表：<ol>

<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>

2. 无序列表：<ul>

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

3.定义列表：<dl> （dd是用来描述dt的）

<dl>
    <dt>a</dt>
    <dd>1</dd>
    <dt>b</dt>
    <dd>2</dd>
    <dt>c</dt>
    <dd>3</dd>
</dl>

4.表格标签：<table>

<tr>：行； <td>：单元格

<table>
    <tr>
        <td>啦啦啦</td>
        <td>啦啦啦</td>
        <td>啦啦啦</td>
    </tr>
</table>

单元格的合并：横向合并：colspan

纵向合并：rowspan

<caotion>标签是表格的标题；使用时和tr标签并列

5.表单标签：<form> 表单和表格嵌套时，是在form标记中套table标记

6.输入标签：<input>（文本框）

<form>
	<input type="button" value="普通按钮"><br>
	<input type="submit"  value="提交按钮"><br>
	<input type="reset" value="重置按钮"><br>
	<input type="image" value="图片按钮1"><br>
	<input type="image" src="1.jpg" width="800" value="图片按钮2"><br>
	<input type="file" value="文件选择框">
</form>

属性：type="属性值"，属性值可以是：