HTML学习，常用常记（颜色，脚本，字符实体，统一资源定位器URL，速查，XHTML）

最新推荐文章于 2021-06-26 09:56:51 发布

hhjian6666

最新推荐文章于 2021-06-26 09:56:51 发布

阅读量1.5k

点赞数

分类专栏： ***HTML + HTML5***Study***

本文链接：https://blog.csdn.net/qq_30796379/article/details/88252061

版权

***HTML + HTML5***Study*** 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<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 源代码中使用字符实体。
如需显示小于号，我们必须这样写：< 或 < 或 &#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>