随笔记录方便自己和同路人查阅。

#------------------------------------------------我是可耻的分割线-------------------------------------------

　　许多元素都可以设置属性。那么属性是什么？

　　也许你还记得，HTML 通过标签告诉浏览器如何展示网页（比如 <br /> 告诉浏览器显示一个换行）。你可以为某些元素附加一些信息，这些附加信息被称为属性（attribute ）。

　　例1：

　　<h2 style="background-color:#ff0000;">我跟 HTML的友谊</h2>

　　属性应写在元素的首标签上。具体写法是：属性名称（attribute name ）后紧跟一个等号（ “=” ），后面写上用双引号括起来的属性值（attribute value ）。对于 style 属性的值，可以用分号（“;” ）来分隔多个样式指令。这个后面会介绍。

　　这里涉及什么知识点？

　　属性有许多，我们首先学习的是 style 属性， 它用于为网页设定样式，比如设置背景颜色等 。

　　例2：
<html>
　　<head>
　　</head>
　　<body style="background-color:#ff0000;">
　　</body>
</html>

　　该例将在浏览器中显示一个全是红色的页面——自己动手试试看。稍后我们会详细讲解颜色设置的原理。

　　注意，一些元素和属性的名称采用的是美式拼写，比如 color（而不是 colour ）。请留意本 教程中元素与属性名称的拼写，千万不要写错——否则浏览器将无法理解你的代码。而且，别忘了用双引号把属性值（attribute value）括起来。

　　为什么上面那个页面全是红的？

　　在上例中，我们将网页的背景颜色设置为“#ff0000”，这个十六进制代码（HEX）代表红色。

　　白色： #ffffff

　　黑色： #000000
　　红色： #ff0000
　　兰色： #0000ff
　　绿色： #00ff00
　　黄色： #ffff00
　　十六进制代码由“#”打头，后面跟六位数字或字母。由于这样的十六进制代码太多，不便记住哪个代码对应哪个特定颜色。为此，我们为最常用的216个颜色制作了一张表，供大家参阅：216个网页安全颜色表。

　

　　除此以外，对于一些最常用的颜色（比如白色、黑色、红色、兰色、绿色及黄色等），你还可以使用它们的英语名称。

　　例3：
　　<body style="background-color: red;">

#------------------------------------------------我是可耻的分割线-------------------------------------------

HTML学习笔记5----属性的更多相关文章

  1. 学习笔记 intent属性

    Android开发学习笔记:Intent的简介以及属性的详解 2011-08-08 17:20:48 标签:Intent 移动开发 Android 休闲 详解 原创作品,允许转载,转载时请务必以超链接 ...

  2. MongoDB学习笔记~数据模型属性为集合时应该为它初始化

    回到目录 今天要说一下技术点,我们在设计mongodb的数据模型时,如果属性是数组或者集合类型,我们在模型初始化时,需要为它们初始化一下,否则在数据库里将会被存储为NULL,当被存储为NULL时,我们 ...

  3. WPF学习笔记——依赖属性（Dependency Property）

    1.什么是依赖属性 依赖属性是一种可以自己没有值,并且通过Binding从数据源获得值(依赖在别人身上)的属性,拥有依赖属性的对象被称为"依赖对象". 依赖项属性通过调用 Regi ...

  4. swift学习笔记之-属性

    //属性 import UIKit //属性(Properties)详解 /* 存储属性(Stored Properties):类.结构体中,不能在枚举中 计算属性(Computed Properti ...

  5. js学习笔记2---HTML属性操作

    1.HTML属性操作:读.写 属性名 属性值   2.属性读操作:获取.找到 a) 语法:元素.属性名 如:document.getElementById(“btn”).value; b) 字符串的连 ...

  6. vue学习笔记之属性和方法

    每个Vue都会代理其data对象里所有的属性:只有这些被代理的属性是响应的.如果在实例创建之后添加新的属性到实例上,它不会触发视图更新.例子: <script type="text/j ...

  7. CSS3学习笔记之属性值

    font-family 设置文本的字体名称. font-style 设置文本样式. 取值 normal不使用斜体. italic使用斜体. oblique使用倾斜体. inherit从父元素继承. f ...

  8. OC学习笔记之属性详解和易错点

    属性的概念在OC1.0中就存在,格式是定义实例变量,然后定义setter和getter方法,用点操作符操作属性 举例,类的接口部分 @interface Father : NSObject { NSI ...

  9. 2016/01/19 javascript学习笔记-name属性

    1. name属性只在少数html元素中有效:包括表单.表单元素.<iframe>和<img>元素. 基于name属性的值选取html元素,可以使用document对象的get ...

  10. JQUERY1.9学习笔记 之属性选择器(二) 包含选择器

    jQuery("[attribute*='value']") 描述:选择所有与给定值匹配的属性值的标签. 例:找出所有name属性包含"man"的input标签 ...

随机推荐

  1. virtualenvwrapper使用命令

    virtualenvwrapper使用命令 创建虚拟环境:mkvirtualenv + test1 查看虚拟环境:lsvirtuslenv 删除虚拟环境:rmvirtualenv + test1 退出 ...

  2. Pyodide 中实现网络请求的 3 种方法

    原文:https://lwebapp.com/zh/post/pyodide-fetch 需求 小编之前提过一个在线 Python 工具,核心技术是用到了一个叫 Pyodide 的库,能够让 Pyth ...

  3. vue学习 第三天css基础

    1.emment语法(作用:提升html和css书写速度) 2. 复合选择器 1)由两个或多个基础选择器,通过不同的方式组合而成的,可以更准确.更高效的选择目标元素(标签) 2)后代选择器.子元素选择 ...

  4. Mac新手必看Mac入门基本知识图文教程

    你已经是Mac的用户了吗?还是准备入手的新手呢? 赶快看看"Mac入门基本知识"吧! macbook系统基础内容简介 Mac入门基本知识 1.主界面结构图基本知识介绍(如图所示) ...

  5. kubernetes 集群部署问题点统计

    1.安装网络插件报错 error unable to recognize "calico.yaml": no matches for kind "DaemonSet&qu ...

  6. laravel 服务容器，容器概念

    Laravel 服务容器 发现一篇讲服务容器的文章,讲的很好,转载过来laravel 服务容器 实质是工厂模式的升级,类的传递动态加载 ####以下内容转载 容器,字面上理解就是装东西的东西.常见的变 ...

  7. LambdaQueryWrapper 的条件构造器方法对应Sql

    setSqlSelect SELECT 查询字段 where WHERE 语句,拼接 + WHERE 条件 and AND 语句,拼接 + AND 字段=值 andNew AND 语句,拼接 + AN ...

  8. 使用 PSAPI 库枚举进程 EnumProcesses（）函数

    使用 PSAPI 库枚举进程 在 Windows NT 中,创建进程列表使用 PSAPI 函数,这些函数在 PSAPI.DLL 中.这个文件是随 Platform SDK 一起分发的: 使用这个库所需 ...

  9. JS-变量存储

    1.存储(变量)JS中变量是存在栈内存中JS中的内存分两种:栈内存.堆内存 栈内存:存放变量 堆内存:存代码块(object和function) var fn=function()和function ...

  10. JS中立即执行函数和闭包的区别

    函数声明规则:必须指定一个函数名字 foo(); function foo() { console.log("函数声明") } 由于函数声明会被提升,所以调用函数可以在之前或之后调 ...