HTML 脚本
HTML <script> 标签
<script> 标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
<script>document.write("Hello World!");</script>HTML<noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
<script>document.write("Hello World!")</script><noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>JavaScript可以直接在HTML输出:
document.write("<p>这是一个段落。</p>");JavaScript事件响应:
<button type="button" onclick="myFunction()">点我！</button>
JavaScript处理 HTML 样式:
document.getElementById("demo").style.color="#ff0000";HTML 字符实体
在 HTML 中，某些字符是预留的。
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。
&entity_name;
或
&#entity_number;
如需显示小于号，我们必须这样写：< 或 < 或 <
不间断空格(Non-breaking Space)
HTML 中的常用字符实体是不间断空格( )。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用 字符实体。
结合音标符
发音符号是加到字母上的一个"glyph(字形)"。
一些变音符号, 如 尖音符 ( ?) 和 抑音符 ( ?) 。
变音符号可以出现字母的上面和下面，或者字母里面，或者两个字母间。
变音符号可以与字母、数字字符的组合来使用。
| 音标符 | 字符 | Construct | 输出结果 |
|---|---|---|---|
| ? | a | à | a? |
| ? | a | á | a? |
| ? | a | â | a? |
| ? | a | ã | a? |
| ? | O | Ò | O? |
| ? | O | Ó | O? |
| ? | O | Ô | O? |
| ? | O | Õ | O? |
HTML字符实体
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 空格 | |   | |
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ‘ | 撇号 | ' (IE不支持) | ' |
| ￠ | 分 | ¢ | ¢ |
| ￡ | 镑 | £ | £ |
| ￥ | 人民币/日元 | ¥ | ¥ |
| � | 欧元 | € | € |
| § | 小节 | § | § |
| ? | 版权 | © | © |
| ? | 注册商标 | ® | ® |
| ? | 商标 | ™ | ™ |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
虽然 html 不区分大小写，但实体字符对大小写敏感。
HTML ?统一资源定位器
(Uniform Resource Locators) URL
URL - 统一资源定位器
Web浏览器通过URL从Web服务器请求页面。
当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。
一个统一资源定位器(URL) 用于定位万维网上的文档。
说明:
- scheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机（http 的默认主机是 www）
- domain - 定义因特网域名，比如 dtt.com
- :port - 定义主机上的端口号（http 的默认端口号是 80）
- path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
- filename - 定义文档/资源的名称
常见的 URL Scheme
以下是一些URL scheme：
| Scheme | 访问 | 用于... |
|---|---|---|
| http | 超文本传输协议 | 以 http:// 开头的普通网页。不加密。 |
| https | 安全超文本传输协议 | 安全网页，加密所有信息交换。 |
| ftp | 文件传输协议 | 用于将文件下载或上传至网站。 |
| file | 您计算机上的文件。 |
URL 字符编码
URL 只能使用 ASCII 字符集.
来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
HTML 基本文档
<!DOCTYPE html><html><head><title>文档标题</title></head><body>可见文本...</body></html>
基本标签（Basic Tags）
<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6> <p>这是一个段落。</p><br> （换行）<hr> （水平线）<!-- 这是注释 -->
文本格式化（Formatting）
<b>粗体文本</b><code>计算机代码</code><em>强调文本</em><i>斜体文本</i><kbd>键盘输入</kbd> <pre>预格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong> <abbr> （缩写）<address> （联系信息）<bdo> （文字方向）<blockquote> （从另一个源引用的部分）<cite> （工作的名称）<del> （删除的文本）<ins> （插入的文本）<sub> （下标文本）<sup> （上标文本）
链接（Links）
普通的链接：<a href="http://www.baidu.com/">链接文本</a>图像链接： <a href="http://www. baidu.com/"><img src="URL" alt="替换文本"></a>邮件链接： <a href="mailto:mtime@163.com">发送e-mail</a>书签：<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>
图片（Images）
<img src="URL" alt="替换文本" height="42" width="42">
样式/区块（Styles/Sections）
<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文档中的块级元素</div><span>文档中的内联元素</span>无序列表
<ul> ???<li>项目</li> ???<li>项目</li></ul>
有序列表
<ol> ???<li>第一项</li> ???<li>第二项</li></ol>
定义列表
dl> ?<dt>项目 1</dt> ???<dd>描述项目 1</dd> ?<dt>项目 2</dt> ???<dd>描述项目 2</dd></dl>
表格（Tables）
<table border="1"> ?<tr> ???<th>表格标题</th> ???<th>表格标题</th> ?</tr> ?<tr> ???<td>表格数据</td> ???<td>表格数据</td> ?</tr></table>
框架（Iframe）
<iframe src="demo_iframe.htm"></iframe>
表单（Forms）
<form action="demo_form.php" method="post/get"><input type="text" name="email" size="40" maxlength="50"><input type="password"><input type="checkbox" checked="checked"><input type="radio" checked="checked"><input type="submit" value="Send"><input type="reset"><input type="hidden"><select><option>苹果</option><option selected="selected">香蕉</option><option>樱桃</option></select><textarea name="comment" rows="60" cols="20"></textarea> </form>
实体（Entities）
< 等同于 <> 等同于 >? 等同于 ?
HTML 学习05
原文地址：https://www.cnblogs.com/mtime2004/p/9742885.html