学习 HTML 常用的标签
- 1.标题标签
- 2.段落标签
- 3.空格
- 4.强制换行标签
- 5.强制不换行标签
- 6.水平线
- 7.加粗标签
- 8.倾斜标签
- 9.列表
- 9.1 无序列表 ul
- 9.2 有序列表 ol
- 9.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.空格
是不断行的空白格,所占位置没有一个确定的值,这与当前字体字号都有关系
是半方大的空白,en是字体排印学的计量单位,为em宽度的一半。
根据定义,它等同于字体大小的一半(如16px字体中就是8px)。
是全方大的空白,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>
文本结点(某小段文本,或者是某一个字)