HTML属性

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

HTML属性

HTML 元素可以设置属性

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

属性一般描述于开始标签

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

属性实例

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>a属性(超链接)</title>

</head>

<body>

<a href="https://www.baidu.com/">这是一个链接使用了 href 属性</a>

</body>

</html>

运行结果

图|超链接的使用

HTML属性常用引用属性值

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

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

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

HTML提示:使用小写属性

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

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

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

HTML参考手册

内容过长请认真看完

<!--...--> 定义注释

<!DOCTYPE> 定义文档类型

<a> 定义超文本链接

<abbr> 定义缩写

<acronym> 定义只取首字母的缩写,不支持HTML5

<address> 定义文档作者或拥有者的联系信息

<applet> HTML5中不赞成使用。定义嵌入的 applet。

<area> 定义图像映射内部的区域

<article>New 定义一个文章区域

<aside>New 定义页面的侧边栏内容

<audio>New 定义音频内容

<b> 定义文本粗体

<base> 定义页面中所有链接的默认地址或默认目标。

<basefont> HTML5不支持,不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

<bdi>New 允许您设置一段文本,使其脱离其父元素的文本方向设置。

<bdo> 定义文字方向

<big> 定义大号文本,HTML5不支持

<blockquote> 定义长的引用

<body> 定义文档的主体

<br> 定义换行

<button> 定义一个点击按钮

<canvas>New 定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形

<caption> 定义表格标题

<center> HTML5不支持,不赞成使用。定义居中文本。

<cite> 定义引用(citation)

<code> 定义计算机代码文本

<col> 定义表格中一个或多个列的属性值

<colgroup> 定义表格中供格式化的列组

<command>New 定义命令按钮,比如单选按钮、复选框或按钮

<datalist>New 定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

<dd> 定义定义列表中项目的描述

<del> 定义被删除文本

<details>New 用于描述文档或文档某个部分的细节

<dfn> 定义定义项目

<dialog>New 定义对话框,比如提示框

<dir> HTML5不支持,不赞成使用。定义目录列表。

<div> 定义文档中的节

<dl> 定义列表详情

<dt> 定义列表中的项目

<em> 定义强调文本

<embed>New 定义嵌入的内容,比如插件。

<fieldset> 定义围绕表单中元素的边框

<figcaption>New 定义<figure> 元素的标题

<figure>New 规定独立的流内容(图像、图表、照片、代码等等)。

<font> HTML5不支持,不赞成使用。定义文字的字体、尺寸和颜色。

<footer>New 定义 section 或 document 的页脚。

<form> 定义了HTML文档的表单

<frame> 定义框架集的窗口或框架

<frameset> 定义框架集

<h1> to <h6> 定义 HTML 标题

<head> 定义关于文档的信息

<header>New 定义了文档的头部区域

<hr> 定义水平线

<html> 定义 HTML 文档

<i> 定义斜体字

<iframe> 定义内联框架

<img> 定义图像

<input> 定义输入控件

<ins> 定义被插入文本

<kbd> 定义键盘文本

<keygen>New 规定用于表单的密钥对生成器字段。

<label> 定义 input 元素的标注

<legend> 定义 fieldset 元素的标题。

<li> 定义列表的项目

<link> 定义文档与外部资源的关系

<main> 定义文档的主体部分。

<map> 定义图像映射

<mark>New 定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。

<menu> 不赞成使用。定义菜单列表。

<meta> 定义关于 HTML 文档的元信息。

<meter>New 定义度量衡。仅用于已知最大和最小值的度量。

<nav>New 定义导航链接的部分

<noframes> 定义针对不支持框架的用户的替代内容。HTML5不支持

<noscript> 定义针对不支持客户端脚本的用户的替代内容。

<object> 定义内嵌对象

<ol> 定义有序列表。

<optgroup> 定义选择列表中相关选项的组合。

<option> 定义选择列表中的选项。

<output>New 定义不同类型的输出,比如脚本的输出。

<p> 定义段落。

<param> 定义对象的参数。

<pre> 定义预格式文本。

<progress>New 定义运行中的进度(进程)。

<q> 定义短的引用。

<rp>New <rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。

<rt>New <rt> 标签定义字符(中文注音或字符)的解释或发音。

<ruby>New <ruby> 标签定义 ruby 注释(中文注音或字符)。

<s> 不赞成使用。定义加删除线的文本。

<samp> 定义计算机代码样本。

<script> 定义客户端脚本。

<section>New <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

<select> 定义选择列表(下拉列表)。

<small> 定义小号文本。

<source>New <source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。

<span> 定义文档中的节。

<strike> HTML5不支持,不赞成使用。定义加删除线文本。

<strong> 定义强调文本。

<style> 定义文档的样式信息。

<sub> 定义下标文本。

<summary>New <summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。

<sup> 定义上标文本。

<table> 定义表格。

<tbody> 定义表格中的主体内容。

<td> 定义表格中的单元。

<textarea> 定义多行的文本输入控件。

<tfoot> 定义表格中的表注内容(脚注)。

<th> 定义表格中的表头单元格。

<thead> 定义表格中的表头内容。

<time>New 定义日期或时间,或者两者。

<title> 定义文档的标题。

<tr> 定义表格中的行。

<track>New <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。

<tt> 定义打字机文本。

<u> 不赞成使用。定义下划线文本。

<ul> 定义无序列表。

<var> 定义文本的变量部分。

<video>New <video> 标签定义视频,比如电影片段或其他视频流。

<wbr>New 规定在文本中的何处适合添加换行符。

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

热门产品

php编程基础教程.pptx|php编程培训,php,编程,基础,教程,pptx
php编程基础教程.pptx

历史上的今天:04月20日

ThinkPHP5快速入门

ThinkPHP5快速入门目 录零、序言一、基础二、URL和路由三、请求和响应四、数据库五、查询语言六、模型和关联 (1)模型定义 (2)基础操作 (3)读取器和修改器 (4)类型转换和自动完成 (5)查询范围 (6)输入和验证 (7)关联 (8)模型输出七、视图和模板八、调试和日志九、API开发十、命令行工具十一、扩展十二、杂项SessionCookie验证

ThinkPHP5快速入门基础

ThinkPHP5快速入门基础一、基础快速入门 ( 一 ) :基础本章介绍了 ThinkPHP5 .0 的安装及基本使用 ,并给出了一个最简单的示例带你了解如何开始开发 ,主要包 含 :简介官网下载 omposer安装和更新CGit下载和更新目录结构运行环境入口文件调试模式控制器视图读取数据总结在学习 ThinkPHP5.0 之前 ,如果你还不理解面向对象和命名空间的概念 ,建议首先去PHP手册恶

热门专题

国家开放大学|国家开放大学报名,国家开放大学报考,国家开放大学,什么是国家开放大学,国家开放大学学历,国家开放大学学费,国家开放大学报名条件,国家开放大学报名时间,国家开放大学学历,国家开放大学专业
国家开放大学
自考本科|自考本科有用吗,自考文凭,自考本科文凭,自考文凭有用吗,自考本科文凭有用吗,自考文凭承认吗
自考本科
中源管业|中源管业,中源管业公司,中源管业有限公司,中源管业电话,中源管业地址,中源管业电力管,中源管业mpp电力管,中源管业cpvc电力管,中源管业pe穿线管
中源管业
大理科技管理学校|大理科技管理学校,大理科技,大理科技中等职业技术学校,大理科技管理中等职业技术学校,大理科技学校
大理科技管理学校
昆明综合高中|昆明综合高中
昆明综合高中
云南综合高中|云南综合高中
云南综合高中
金诺幼儿园(春城路金诺幼儿园)|昆明官渡区幼儿园,幼儿园报名,官渡区幼儿园,春城路幼儿园,幼儿园招生,学前班,昆明幼儿园,金诺幼儿园,环城南路幼儿园,石井路幼儿园
金诺幼儿园(春城路金诺幼儿园)
易捷尔高职单招|易捷尔高职单招,易捷尔高职单招培训,单招分数线,单招录取分数线,高职单招学校分数线
易捷尔高职单招

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部