首页 > 编程学习 > HTML学习,常用常记(颜色,脚本,字符实体,统一资源定位器URL,速查,XHTML)

<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 的浏览器会使用 &lt;noscript&gt; 元素中定义的内容(文本)来替代。</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 源代码中使用字符实体。
  • 如需显示小于号,我们必须这样写:&lt; 或 &#60; 或 &#060。

结合音标符,字符实体;

统一资源定位器(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

  1. 添加一个 XHTML <!DOCTYPE> 到你的网页中
  2. 添加 xmlns 属性添加到每个页面的html元素中
  3. 改变所有的元素为小写
  4. 关闭所有的空元素
  5. 修改所有的属性名称为小写
  6. 所有属性值添加引号

使用 W3C 验证器来测试你的 XHTML


本文链接:https://www.ngui.cc/el/2274575.html
Copyright © 2010-2022 ngui.cc 版权所有 |关于我们| 联系方式| 豫B2-20100000