<p style="background-color:#FFFF00">通过十六进制设置背景颜色</p><p style="background-color:rgb(255,255,0)">通过 rbg 值设置背景颜色</p><p style="background-color:yellow">通过颜色名设置背景颜色</p>
三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256);
RGBA 的意思是(Red-Green-Blue-Alpha)它是在 RGB 上扩展包括了 “alpha” 通道,运行对颜色值设置透明度。相对于使用 rgb(255,255,0),使用 rgba(255,255,0,0.5) 可以实现设置颜色透明度的功能,这里的 0.5 表示透明度,范围 0~1,0 表示全透明。
HTML拾色器;
目前所有浏览器都支持以下颜色名(颜色名,颜色值):
- 141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124);
- 17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色;
<script>
document.write("Hello World!")
</script>
<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript><p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容(文本)来替代。</p>
HTML <script> 标签
- <script> 标签用于定义客户端脚本,比如 JavaScript
- <script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件
- JavaScript 最常用于图片操作、表单验证以及内容动态更新
<h1>我的第一个 JavaScript </h1><p id="demo">
JavaScript 可以触发事件(也可以改变样式),就像按钮点击。</p><script>
function myFunction(){document.getElementById("demo").innerHTML="Hello JavaScript!"; x=document.getElementById("demo") // 找到元素x.style.color="#ff0000"; // 改变样式
}
</script><button type="button" onclick="myFunction()">点我</button>
HTML 字符实体
- HTML 中的预留字符必须被替换为字符实体。
- 一些在键盘上找不到的字符也可以使用字符实体来替换。
HTML 实体
- 在 HTML 中,某些字符是预留的。
- 在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
- 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体。
- 如需显示小于号,我们必须这样写:< 或 < 或 <。
结合音标符,字符实体;
统一资源定位器(Uniform Resource Locators):runoob.com;192.68.20.50;
一个网页地址实例: http://www.runoob.com/html/html-tutorial.html 语法规则:
scheme://host.domain:port/path/filename
说明:
- scheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机(http 的默认主机是 www)
- domain - 定义因特网域名,比如 runoob.com
- :port - 定义主机上的端口号(http 的默认端口号是 80)
- path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
- filename - 定义文档/资源的名称
URL字符编码;
HTML速查列表;
HTML - XHTML
- XHTML 是以 XML 格式编写的 HTML。
什么是 XHTML?
- XHTML 指的是可扩展超文本标记语言
- XHTML 与 HTML 4.01 几乎是相同的
- XHTML 是更严格更纯净的 HTML 版本
- XHTML 是以 XML 应用的方式定义的 HTML
- XHTML 是 2001 年 1 月发布的 W3C 推荐标准
- XHTML 得到所有主流浏览器的支持
为什么使用 XHTML?
- 因特网上的很多页面包含了"糟糕"的 HTML。
与 HTML 相比最重要的区别:
文档结构
- XHTML DOCTYPE 是强制性的
- <html> 中的 XML namespace 属性是强制性的
- <html>、<head>、<title> 以及 <body> 也是强制性的
元素语法
- XHTML 元素必须正确嵌套
- XHTML 元素必须始终关闭
- XHTML 元素必须小写
- XHTML 文档必须有一个根元素
属性语法
- XHTML 属性必须使用小写
- XHTML 属性值必须用引号包围
- XHTML 属性最小化也是禁止的
下面的例子展示了带有最少的必需标签的 XHTML 文档:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head><meta charset="utf-8"><title>文档标题</title>
</head><body>
文档内容
</body>
</html>
如何将 HTML 转换为 XHTML
- 添加一个 XHTML <!DOCTYPE> 到你的网页中
- 添加 xmlns 属性添加到每个页面的html元素中
- 改变所有的元素为小写
- 关闭所有的空元素
- 修改所有的属性名称为小写
- 所有属性值添加引号