学习 HTML 常用的标签

mac2025-10-26  3

学习 HTML 常用的标签

1.标题标签2.段落标签3.空格4.强制换行标签5.强制不换行标签6.水平线7.加粗标签8.倾斜标签9.列表9.1 无序列表 ul9.2 有序列表 ol9.3 自定义列表 dl 10.图片标签11.链接标签12.表格13.表单div 的用法span 的用法

1.标题标签

为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即 <h1>、<h2>、<h3>、<h4>、<h5>和<h6> 从<h1>到<h6>重要性递减。其基本语法格式如下:

<h1>标题一</h1>

注意: h1 标签因为重要,尽量少用,不要动不动就向你扔了一个h1。 一般h1 都是给logo使用。

2.段落标签

在网页中要把文字有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标签就是

<p>段落标签</p>

3.空格

&nbsp; 是不断行的空白格,所占位置没有一个确定的值,这与当前字体字号都有关系 &ensp; 是半方大的空白,en是字体排印学的计量单位,为em宽度的一半。 根据定义,它等同于字体大小的一半(如16px字体中就是8px)。 &emsp; 是全方大的空白,em是字体排印学的计量单位,相当于当前指定的点数。 (1 em在16px的字体中就是16px)

4.强制换行标签

<br />

5.强制不换行标签

<nobr></nobr>

6.水平线

<hr /> 水平线设置样式<hr style="border:1px sollid #ccc"/>

7.加粗标签

<b>加粗内容</b> <strong>加粗内容</strong>

8.倾斜标签

<em>倾斜内容</em> <i>倾斜内容</i>

9.列表

9.1 无序列表 ul

<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ul>

9.2 有序列表 ol

<ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ol>

9.3 自定义列表 dl

<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> ... </dl>

10.图片标签

11.链接标签

基本语法

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。 target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。

12.表格

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

在上面的语法中包含三对HTML标签,分别为 <table></table>、<tr></tr>、<td></td>,他们是创建表格的基本标签,缺一不可,下面对他们进行具体地解释。 1.<table></table>:用于定义一个表格。

2.<tr></tr>:用于定义表格中的一行,必须嵌套在 <table></table>标签中,在 <table></table>中包含几对 <tr></tr>,就有几行表格。

3.<td></td>:用于定义表格中的单元格,必须嵌套在 <tr></tr>标签中,一对<tr></tr>中包含几对<td></td>,就表示该行中有多少列(或多少个单元格)。

注意:

<tr></tr>中只能嵌套<td></td><td></td>标签,他就像一个容器,可以容纳所有的元素 合并单元格属性: colspan="所要合并单元格的列数"合并列; rowspan=“所要合并单元格的行数”合并行。

13.表单

表单的作用:用来收集用户的信息的; 表单域:

<form name="表单名称" method="post/get" action=""></form>

文本框:

<input type="text" value="默认值"/>

密码框:

<input type="password" />

提交按钮:

<input type="submit" value="按钮内容" />

重置按钮:

<input type="reset" value="按钮内容" />

单选框/单选按钮:

<input type="radio" name="ral"/> <input type="radio" name="ral" />

单选按钮里的name属性必须写,同一组单选按钮的name属性值必须一样。 复选框:

<input type="checkbox" name="like" /> <input type="checkbox" name="like" disabled="disabled" />

(disabled=“disabled”:禁用)(checked=“checked”:默认选中) 下拉菜单:

<select name=""> <option>菜单内容</option> </select>

多行文本框(文本域):

<textarea name="textareal" cols="字符宽度" rows="行数"></textarea>

按钮:

<input name"" type="button" value="按钮内容" />

它和submit的区别是:submit是提交按钮,起到提交信息的作用;button只起到跳转的作用,不进行提交。

div 的用法

<div id="id名" class="class名"></div>

文档区域,文档布局对象

span 的用法

<span></span>

文本结点(某小段文本,或者是某一个字)

最新回复(0)