HTML基础-标签

时间:2024-12-28 16:33:26

html标签元素

html标签

在HTML静态页面中,每个网页具有唯一`<html></html>`,即`<html>`标签。

html div标签

即网页中的盒子,起分割作用,分割内容使用的常用标签。DIV+CSS更是网页分割常用方法。

html span标签

<!-- span为行内元素 -->
<span>内容</span>

html a超链接标签

<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>
<!-- 通过a标签也可设置锚点链接 -->

html br与p标签

br 换行标签
p 段落标签

html H1 H2 H3 H4 H5 H6标签

H1 H2 H3 H4 H5 H6标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。

html b与strong标签

<b></b>与<strong></strong>都表示加粗

html em i u s hr标签

em: 强调标签
i: 斜体
u: 下划线
s: 贯穿线
hr: 水平线

html img标签

<img src="图片路径" width="175" height="47" alt="" />

html sub sup标签

sub: 下标
sup: 上标

html nobr标签

不换行内容放入<nobr></nobr>中即可
此标签与 css white-space 功能相同

html form标签

<form action="" method="get/post"> </form>

html label标签

点击<label>标签文字时,实现对应控件被选择,需要对应表单控件id的值与label标签内的for值相同。

html input标签

<input name="" type="submit" value="提交" />
<!-- type的取值:text, submit, checkbox, radio -->

html textarea标签

<textarea name="test" cols="30" rows="4">
textarea
</textarea>

html select标签

<select name="">
<option value="0">select1</option>
<option value="1">select2</option>
</select>

html checkbox标签

<form action="" method="get">
您喜欢的水果?<br /><br />
<input name="Fruit" type="checkbox" value="" />苹果
<input name="Fruit" type="checkbox" value="" />桃子
<input name="Fruit" type="checkbox" value="" />香蕉
<input name="Fruit" type="checkbox" value="" />梨
</form>

html radio标签

<input name="Fruit" type="radio" value="" />

html font标签

<font color="#FF0000">font标签</font>

html 表格标签

<table border="表格边框" width="表格的宽度" height="表格的高度" cellpadding="单元格内边距" cellspacing="单元格之间的间距">
<caption>设置表格的标题</caption>
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<!--colspan:列跨度
rowspan:行跨度
bgcolor:背景颜色
background:设置背景图片
align:对其方式 值为left,center,right-->
</table>

html 列表标签

无序列表,有序列表,自定义列表  列表可嵌套使用

无序列表:ul>li,  type类型有square正方形,circle空心圆,disc实心圆

有序列表:ol>li,  type类型有1,a,A,罗马数字

自定义列表:dl>dt+dd,  dt和dd并列

html标签

超文本标记语言规定以`<html>`开始,以`</html>`结束组成。也可以理解为HTML网页规定的规则;也可以理解为一篇网页缺少了`<html>`就不叫HTML。
同时网页中HTML标签需要加入DOCTYPE声明。这样网页CSS样式才能全能生效。

html div标签

1. 在DIV+CSS切图布局重构技术中,提到div,而在html中代码布局使用最多标签为div;
2. 故我们通常将网页重构说成div css制作;
3. Div本身没有什么特别之处,而div标签替代了以前table标签布局;
4. 他们通过对div标签对象设置不同样式实现我们要的美化效果;
5. 特性,通常一对未设置任何样式的div,独占一行。

html span标签

1. 在DIV+CSS切图布局重构技术中,除了常常使用div标签外也常常使用span标签布局;
2. 在DIV+CSS切图布局重构技术中,除了常常使用div标签外也常常使用span标签布局;
3. 他们也可以通过对span标签对象设置不同样式实现我们要的美化效果;
4. 特性,通常一对未设置任何样式的span,高宽是自适应内容,多容多少,此标签就占用多少距离空间。

html a超链接标签

- href值后跟网址URL或相对地址
- target目标值
- _blank -- 在新窗口中打开链接
- _parent -- 在父窗口中打开链接
- _self -- 在当前窗体打开链接,此为默认值
- _top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
- 如果target不带值,代表在本页父窗体中打开链接

html br与p标签

首先,相同之处是br和p都是有换行的属性及意思
其次,区别`<br />`是只需一个单独使用,而`<p>`和`</p>`是一对使用。再次,br标签是小换行提行,p标签是大换行(分段)各行作用。

html H1 H2 H3 H4 H5 H6标签

针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容。如果你在一个网页中使用的1-2中H型标签中都含有一个相同关键字,搜索引擎也会格外注重你所注重关键字与内容,但切记无滥用。

html b与strong标签

Html b与html strong加粗标签用法没有区别,一般想节约字节字符就用b加粗标签

html em i u s hr标签

* em: 标签(html em强调标签)告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体方式呈现给大家显示,这个与html I斜体标签相同效果。
* i: 斜体标签元素告诉浏览器把其加i标签的文本以斜体方式显示给浏览者。
* u: 划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。
* s: 删除线标签告诉浏览器把其加s标签的文本文字加删除划线样式(文字中间一道横线)呈现显示给浏览者。
* hr: html Hr水平线特点是100%宽度水平分割线,并且独占一行,hr水平线将与上下内容一定距离。

html img标签

* Src 跟图片路径
* Width 设置图片宽度
* Height 设置图片高度
* Alt 设置对这张图片文字描述,通常设置描述是为了搜索引擎能读懂你这张图片表达内容(有利于搜索引擎优化因素而使用)
* Img标签在html中是引入外部图片到网页中显示的标签。

html sub sup标签

* 需要上浮上标的内容前加`<sup>`后加`</sup>`标签
* 需要下浮下标内容前加`<sub>`后加`</sub>`标签

html nobr标签

如不遇到br换行标签,内容在一行显示完,如遇到br换行标签,内容将在加br换行自动换行。

html form标签

Method的值为get时,是通过URL传内容与参数,这个时候我们通过网址URL能看见自己填写内容提交处理
Method的值为post时,是通过类似缓存传填写内容与参数,而URL是不能看到form表单填写内容提交内容。

html label标签

`<label for="man">男</label>`
Label标签内文字更加需要填写
Label标签内for属性的值为自定义,一般与想实现点击会触发控件对象的ID对应相同

html input标签

- Name为此表单控件识别命名,一般使用英文字母在一个页面里具有唯一性
- Type为表单控件样式
- type="text" 输入框控件,用于输入内容如用户名、密码之类内容输入框控件
- type="submit" 按钮控件,用于提交、重置动作
- type="checkbox" 多选复选框控件,用于多选题、多选功能
- type="radio" 单选框,用于单选,唯一选择功能

html textarea标签

name为传值命名
clos为字符宽度(每行输入文字多少宽度)
rows为行数,默认输入框区域显示高度

html select标签

我们使用表单下拉列表选择数据,如省、市、县、年、月等数据,我们即可使用下拉菜单表单进行设置。
select 我下拉列表菜单标签
Option为下拉列表数据标签
Value 为Option的数据值(用于数据的传值)

html checkbox标签

使用html input标签,name为自定义,type类型为“checkbox”的表单

html radio标签

使用html input标签,name为自定义,type类型为“radio”的表单

html font标签

标签直接使用color颜色参数设置文字颜色,值可以直接加RGB颜色值(#FFFFFF 、#000000 、#F00)
RGB颜色值在实际布局时候确定,可以使用Photoshop(简称PS)拾取工具进行获取获得。

html 表格标签

table即生成一个表格
tr 表示一行
th,td 表示一个单元格,th一般用作标题

html 列表标签

<!-- 无序列表 -->
<ul>
<li></li>
<li></li>
</ul>
<!-- 有序列表 -->
<ol>
<li></li>
<li></li>
</ol>
<!-- 自定义列表 -->
<dl>
<dt></dt>
<dd></dd>
</dl>