整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML 属性

性是 HTML 元素提供的附加信息。

HTML 属性

  • HTML 元素可以设置属性

  • 属性可以在元素中添加附加信息

  • 属性一般描述于开始标签

  • 属性总是以名称/值对的形式出现,比如:name="value"

属性实例

HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:

实例

<ahref="http://www.runoob.com">这是一个链接</a>

HTML 属性常用引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的,不过使用单引号也没有问题。

提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'

HTML 提示:使用小写属性

属性和属性值对大小写不敏感。

不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

HTML 属性参考手册

查看完整的HTML属性列表: HTML 标签参考手册。

下面列出了适用于大多数 HTML 元素的属性:

属性描述
class为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id定义元素的唯一id
style规定元素的行内样式(inline style)
title描述了元素的额外信息 (作为工具条使用)

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

设置字体样式的基本标签是<font></font>,被其包含的文本为样式作用区。在初学者的HTML代码编写中,<font></font>容易被多重嵌套,如<font 属性1=值1><font 属性2=值2>文本</font></font>。还有一种情况是标签嵌套错位,如<font><p>文本</font></p>。为了规范代码的编写,避免不必要的错误,读者在初学时一定要谨慎。

2、设置文字的颜色 color 是标签的属性之一,用于设置文字颜色。color是<font></font>标签的属性之一,用于设置文字颜色。例子如:浅红色文字:<font color="#dd0000">51UM博客即汤汤个人博客网站,是一个和草根站长们一起学习分享网站SEO优化技术、web前端开发为主的个人博客网站。</font>

3、设置文字的尺寸 size 也是标签的属性,用于设置文字大小。size 的值为1-7, 默认为3。我们可以 size 属性值之前加上“+”“-”字符,来指定相对于字 、 号初始值的增量或减量。例子如: size为1:<font size="-2">HTML学习</font>

4、使文字倾斜,用双标签<i></i>可使被作用文字倾斜,达到特殊的效果,例如文章的日期。<em></em>被称为强调标签,也是斜体,目前使用比<i></i>标签更频繁,其编写方法如下:

<i>这是斜体文字</i>

<em>这也是斜体文字</em>

5、 使文字加粗,用双标签<b></b>可使被作用文字加粗,是文字更加醒目,例如文章的标题部分。<strong></strong>被称为特别强调标签,也是文字加粗,目前使用比<b></b>标签更频繁,其编写方法如下:

<b>这是粗体文字</b>

<strong>这也是粗体文字</strong>

除注明外的文章,均为来源:汤久生博客(QQ:1917843637),转载请保留本文地址,谢谢!



多时候对有前端工程师来讲,页面效果直接会转嫁个CSS或JS,对HTML的一些属性了解的并不充分,接下来介绍一些有意思的HTML属性。

1)Multiple

顾名思义就是在一个输入标签或选择标签中可以输入多个值

<input type="file" multiple>

2)Accept

在<input>包含接受属性,允许用户伤上传指定的文件类型。我们在设置的过程中,需要设置指定的文件格式。并用逗号分开即可。传递文件类型包含图片、音频、视频、文档,等自定义文件类型。

<input type="file" accept=".png, .jpg">

3)Contenteditable

这个属性比较有意思,允许用户在前端HTML页面进行对文本的编辑,只对DOM的可见部分进行编辑。

<div contenteditable="true">我可以随意编辑!</div>

4)Spellcheck

进行拼写检查的可编辑段落:

<p contenteditable="true" spellcheck="true">这是一个段落。</p>

5) Translate

Translate告诉浏览器是否应该翻译内容。例如,您可以使用它来防止Google Translate自动尝试翻译您的公司或品牌名称。

<footer><p translate="no">Mark</p></footer>

6) Poster

带有预览图(海报图片)的视频播放器:

注释:Internet Explorer 8 以及更早的版本不支持 <video> 标签。

<video controls poster="/images/mark.gif">
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
   Your browser does not support the video tag.
</video> 

7) Download

download 属性规定被下载的超链接目标。

在 <a> 标签中必须设置 href 属性。

该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。