html标记大全 有marquee,table,form等最常用标记。
html标记大全,基本都有,欢迎下载! HTML语言语法大全 <! - - ... - -> 批注 <!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 ### HTML标记大全解析 在网页开发中,HTML(HyperText Markup Language)是构建网页结构的基础。本文将基于提供的文件信息,详细介绍几个常用的HTML标记及其属性,帮助读者更好地理解和使用这些标记。 #### 1. 批注标记:`<!---->` 批注标记用于添加对代码的解释或备注,它不会显示在最终的网页上。 ```html <!-- 这是一段批注 --> ``` #### 2. 跑马灯效果:`<marquee>` 跑马灯效果是一种常见的动态文本或图像显示方式,常用于展示滚动文字或图片。该标记有多个属性可以调整其行为和样式。 - **behavior**:定义跑马灯的行为方式。 - `slide`:元素一次移动到指定位置后停止。 - `scroll`:元素持续滚动。 - `alternate`:元素来回滚动。 - **direction**:定义跑马灯的方向。 - `down`:向下滚动。 - `up`:向上滚动。 - `right`:向右滚动。 - `left`:向左滚动。 - **loop**:定义跑马灯循环次数。如果设置为`-1`则无限循环。 - **width/height**:定义跑马灯区域的宽度和高度。 - **bgcolor**:定义背景颜色。 - **scrollamount**:定义每次移动的距离。 - **scrolldelay**:定义每次移动之间的延迟时间。 - **onmouseover/onmouseout**:定义鼠标悬停或离开时的行为。 ```html <marquee behavior="scroll" direction="left" loop="2" width="200" height="50" bgcolor="#FF0000" scrollamount="3" scrolldelay="300" onmouseover="this.stop()" onmouseout="this.start()"> 欢迎来到我的网站! </marquee> ``` #### 3. 标题标记:`<h1>-<h6>` 标题标记用于定义不同级别的标题。 - `<h1>`:最大级别的标题。 - `<h6>`:最小级别的标题。 ```html <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> ``` #### 4. 文本格式化标记 - **粗体**:`<b>`和`<strong>`。两者都表示加粗文本,但`<strong>`具有更强的重要性,可用于强调文本的重要性。 - **斜体**:`<i>`和`<em>`。两者都表示斜体文本,但`<em>`具有更强的重要性,可用于强调文本的重要性。 - **下划线**:`<u>`和`<ins>`。`<u>`仅表示下划线,而`<ins>`表示插入的文本,通常带有下划线。 - **删除线**:`<strike>`、`<s>`和`<del>`。它们都表示文本被删除,但含义略有不同。 - `<strike>`:简单的删除线。 - `<s>`:表示错误或不准确的信息。 - `<del>`:表示已删除的内容。 ```html <p><b>粗体文本</b> <strong>更重要粗体文本</strong></p> <p><i>斜体文本</i> <em>更重要的斜体文本</em></p> <p><u>下划线文本</u> <ins>插入的文本</ins></p> <p><strike>删除线文本</strike> <s>不准确的文本</s> <del>已删除的文本</del></p> ``` #### 5. 换行与分隔线 - **换行**:`<br>`。用于强制换行。 - **水平分隔线**:`<hr>`。用于创建水平线,可设置宽度、高度、颜色等。 ```html <p>第一段文字。</p> <br> <p>第二段文字。</p> <hr> <hr size="3"> <hr width="50%"> <hr color="blue"> ``` #### 6. 图像标记:`<img>` 用于在网页中插入图像。 - **src**:定义图像的源文件地址。 - **width/height**:定义图像的宽度和高度。 - **alt**:定义替代文本,在图像无法加载时显示。 - **border**:定义图像边框的大小。 ```html <img src="image.jpg" alt="示例图片" width="200" height="150" border="1"> ``` #### 7. 表格标记:`<table>` 表格标记用于在网页中创建表格。 - **align**:定义表格在页面中的对齐方式。 - **background**:定义表格背景图像。 - **border**:定义表格边框的宽度。 - **bgcolor**:定义表格背景颜色。 - **cellpadding/cellspacing**:定义单元格内部及单元格间的间距。 - **cols/rows**:定义表格列数或行数。 - **frame**:定义表格边框的样式。 - **width/height**:定义表格宽度和高度。 - **colspan/rowspan**:定义单元格跨越的列数或行数。 ```html <table border="1" width="50%" align="center" background="table-bg.png" bgcolor="#FFFFCC" cellpadding="5" cellspacing="0"> <tr> <th colspan="2">标题</th> </tr> <tr> <td rowspan="2">内容</td> <td>内容</td> </tr> <tr> <td>内容</td> </tr> </table> ``` 以上列举了部分常用的HTML标记及其属性,通过合理地使用这些标记,可以有效地提高网页的布局美观性和功能性。希望本文能帮助读者更好地掌握HTML的基本用法。
- 粉丝: 3
- 资源: 2
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助