html学习
关注
分享
扫一扫
文章平均质量分 60
网页描述语言html的学习。
自由与束缚JavaJavaScript
这个作者很懒，什么都没留下…
展开
-
001_html简介
1. 什么是html?1.1. html是用来描述网页的一种语言。1.1.1. html指的是超文本标记语言(Hyper Text Markup Language)。1.1.2. html不是一种编程语言, 而是一种标记语言(markup language)。1.1.3. 标记语言是一套标记标签(markup tag)。1.1.4. html使用标记标签来描述网页。2. html标签2.1. html标记标签通常被称为html标签(html tag)。2.1.1. ...原创 2020-10-07 16:19:11 · 182 阅读 · 1 评论 -
002_html发展史
1. html发展史1.1. html在发展之初有很多不同的版本, 因此颇受争议。1995年html 2.0面世。1997年由W3C(万维网联盟)推出了html 3.2以及html4.0标准。1999年W3C又推出了html 4.0.1, 这个版本被广泛使用。后来W3C也渐渐变成Web技术领域的权威, 经过漫长的演变, 2014年html5标准最终面世。1.1.1. html 2.0——1995年11月, RFC 1866发布。1.1.2. html 3.2——1997年1月14日, W3C..原创 2020-10-07 16:59:45 · 155 阅读 · 0 评论 -
003_html编辑器
1. 可以使用专业的HTML编辑器来编辑HTML1.1. Adobe Dreamweaver1.2. HBuilderX2. 我们推荐使用文本编辑器来学习HTML2.1. Sublime(我们使用sublime学习html, 企业很多语言都使用sublime)2.2. Notepad++3. sublime快捷键3.1. 保存: ctrl+s3.2. 撤销: ctrl+z3.3. 复制: ctrl+c3.4. 剪切: ctrl+x3.5. 粘贴: ctrl+v原创 2020-10-07 17:23:09 · 120 阅读 · 0 评论 -
004_常用浏览器内核
1. 主流浏览器的内核引擎:1.1. WebKit: Safari是基于Webkit开发。1.2. Blink: 新版Chrome(从2013年开始, 最新的Chrome 28.0.1469.0中已经替换为Blink)是基于Blink开发。1.3. Trident:IE以Trident作为内核引擎。1.4. Gecko: Firefox是基于Gecko开发。2.webkit2.1. WebKit是一个开源的浏览器引擎。 WebKit前身是KDE小组的KHTML。 Apple将KH..原创 2020-10-07 19:03:50 · 167 阅读 · 0 评论 -
005_html文档类型
1. <!DOCTYPE> 声明帮助浏览器正确地显示网页。2. <!DOCTYPE> 声明2.1. Web世界中存在许多不同的文档。只有了解文档的类型, 浏览器才能正确地显示文档。2.2. html也有多个不同的版本, 只有完全明白页面中使用的确切html版本, 浏览器才能完全正确地显示出html页面。这就是<!DOCTYPE>的用处。2.3. <!DOCTYPE>不是html标签。它为浏览器提供一项信息(声明), 即html是用什么版本编写的原创 2020-10-07 19:24:11 · 176 阅读 · 0 评论 -
006_html元素
1. html元素的作用html 文档是由 html 元素定义的。2. html元素2.1. html元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。 开始标签 元素内容 结束标签 <p> 段落内容 </p> <br /> 2.2. 开...原创 2020-10-08 16:46:35 · 172 阅读 · 0 评论 -
007_html头部元素
1. html头部元素2.html <head> 元素2.1.<head>元素是所有头部元素的容器。<head>内的元素可包含脚本, 指示浏览器在何处可以找到样式表, 提供元信息, 等等。2.2. 以下标签都可以添加到head部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。3. html <title> 元素..原创 2020-10-07 20:03:43 · 452 阅读 · 0 评论 -
008_html属性
1. 属性为html元素提供附加信息。2. html属性2.1. html标签可以拥有属性。属性提供了有关html元素的更多的信息。2.2. 属性总是以名称/值对的形式出现, 比如: name="value"。2.3. 属性总是在html元素的开始标签中规定。3. html使用小写属性3.1. 属性和属性值对大小写不敏感。3.2. 不过, 万维网联盟在其html 4推荐标准中推荐小写的属性/属性值。3.3. 而新版本的(x)html要求使用小写属性。4. 始终为属性值加引原创 2020-10-08 16:46:39 · 114 阅读 · 0 评论 -
009_html标准属性
1. html标签拥有属性。每个标签的特殊属性均被列于每个标签描述之下。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外)。2. 核心属性(Core Attributes)以下标签不提供下面的属性: base, head, html, meta, param, script, style, 以及title元素。3. 语言属性(Language Attributes)以下标签不提供下面的属性: base, br, frame, frameset, hr, iframe, pa原创 2020-10-11 12:35:49 · 152 阅读 · 0 评论 -
010_html事件属性
1. html 4.0的新特性之一是使html事件触发浏览器中的行为, 比方说当用户点击一个html元素时启动一段JavaScript。以下就是可被插入html标签以定义事件行为的一系列属性。2. 窗口事件(Window Events)仅在body和frameset元素中有效。3. 表单元素事件(Form Element Events)仅在表单元素中有效。4. 键盘事件(Keyboard Events)在下列元素中无效: base, bdo, br, frame, frame原创 2020-10-11 12:39:10 · 212 阅读 · 0 评论 -
011_html标题
1. html标题1.1. 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。1.2. <h1>定义最大的标题。<h6>定义最小的标题。1.3. 浏览器会自动地在标题的前后添加空行。1.4. 默认情况下, html会自动地在块级元素前后添加一个额外的空行, 比如段落、标题元素前后。2. 标题很重要2.1. 请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。2.2.原创 2020-10-08 11:24:19 · 131 阅读 · 0 评论 -
012_html如何查看源代码
1. 在浏览器中单击右键， 然后选择”查看源”(IE)或”查看页面源代码”(Firefox), 其他浏览器的做法也是类似的。这么做会打开一个包含页面html代码的窗口。2. IE浏览器中查看源码2.1. 查看步骤2.2. 查看结果3. Firefox中查看源代码3.1. 查看步骤3.2.查看结果4. Chrome中查看源代码4.1.查看步骤4.2.查看结果...原创 2020-10-08 11:36:47 · 947 阅读 · 0 评论 -
013_html水平线
1. <hr />标签在html页面中创建水平线。2. hr 元素可用于分隔内容。3. 使用水平线(<hr /> 标签)来分隔文章中的小节是一个办法(但并不是唯一的办法)。4. html水平线例子4.1.代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <h.原创 2020-10-08 11:28:00 · 341 阅读 · 0 评论 -
014_html折行
1. 如果您希望在不产生一个新段落的情况下进行换行(新行), 请使用<br />标签。2. <br />元素是一个空的html元素。3. <br>还是<br />3.1. 您也许发现<br> 与 <br />很相似。3.2. 在xhtml、xml以及未来的html版本中, 不允许使用没有结束标签(闭合标签)的html元素。3.3. 即使<br>在所有浏览器中的显示都没有问题, 使用<br />原创 2020-10-08 16:37:15 · 810 阅读 · 0 评论 -
015_html注释
1. 可以将注释插入html代码中, 这样可以提高其可读性, 使代码更易被人理解。浏览器会忽略注释, 也不会显示它们。2. Sublime中注释快捷键: Ctrl + /。3. 开始括号之后(左边的括号)需要紧跟一个叹号, 结束括号之前(右边的括号)不需要。4. 合理地使用注释可以对未来的代码编辑工作产生帮助。5. 代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org原创 2020-10-08 11:30:16 · 144 阅读 · 0 评论 -
016_html段落
1. html段落的作用?可以把 html 文档分割为若干段落。2. html 段落标签段落是通过 <p> 标签定义的。3. 浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)4. 段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小， 将改变段落中的行数。5. 段落实例5.1. 代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww.原创 2020-10-08 16:33:30 · 149 阅读 · 0 评论 -
017_html图像
1. 通过使用html, 可以在文档中显示图像。2. 图像标签(<img />)和源属性(src)2.1. 在html中, 图像由<img />标签定义。2.2. 要在页面上显示图像, 你需要使用源属性(src)。src指"source"。源属性的值是图像的URL地址。2.3. 定义图像的语法是:<img src="url" />2.4. URL指存储图像的位置。如果名为"boat.gif"的图像位于www.w3school.com.cn的ima原创 2020-10-09 00:12:52 · 1001 阅读 · 0 评论 -
018_html文件路径
1. 文件路径描述了网站文件夹结构中某个文件的位置。2. 文件路径会在链接外部文件时被用到:2.1. 网页2.2. 图像2.3. 样式表2.4. JavaScript3. 绝对文件路径3.1. 绝对文件路径是指向一个因特网文件的完整URL:<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">4. 相对路径4.1. 相对路径指向了相对于当前页面的文件。4.2.原创 2020-10-09 00:12:23 · 308 阅读 · 0 评论 -
019_html超链接
1. html使用超级链接与网络上的另一个文档相连。2. 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。3. html超链接(链接)3.1. 超链接可以是一个字, 一个词, 或者一组词, 也可以是一幅图像, 您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。3.2. 当您把鼠标指针移动到网页中的某个链接上时, 箭头会变为一只小手。3.3. 我们通过使用<a />标签在html中创建链接。3.4. 有两种使用<a />标签的方原创 2020-10-09 00:13:03 · 498 阅读 · 0 评论 -
020_html格式化
1. html可定义很多供格式化输出的元素, 比如粗体和斜体字。2. 文本格式化标签3. "计算机输出"标签4. 引用、引用和术语定义5. 改变文本的外观和含义5.1. 很多标签都可以用来改变文本的外观, 并为文本关联其隐藏的含义。总地来说, 这些标签可以分成两类: 基于内容的样式(content-based style)和物理样式(physical style)。5.2. 基于内容的样式5.2.1. 基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文原创 2020-10-11 09:33:54 · 219 阅读 · 0 评论 -
021_html文本格式化标签
1. <i>标签显示斜体文本效果。2. <em>标签2.1. <em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。2.2. 在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。这与调味品一样，最好还是不要滥用强调。2.3. 尽管现在 <em> 标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能原创 2020-10-11 09:34:04 · 160 阅读 · 0 评论 -
022_html计算机输出标签
1. html计算机代码格式1.1. 通常, html使用可变的字母尺寸, 以及可变的字母间距。1.2. 在显示计算机代码示例时, 并不需要如此。1.3. <kbd>, <samp>, 以及<code>元素全都支持固定的字母尺寸和间距。2. html键盘格式2.1. html<kbd>元素定义键盘输入。2.2. 实例<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transition原创 2020-10-11 09:34:15 · 519 阅读 · 0 评论 -
023_html引用和术语定义标签
1. <q>用于短的引用1.1. <q>元素定义短的引用。1.2. 浏览器通常会为<q>元素包围引号。1.3. 实例<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>短的引用</title>原创 2020-10-11 09:34:27 · 806 阅读 · 1 评论 -
024_html列表
1. html支持有序、无序和定义列表2. 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。3. 无序列表3.1. 无序列表是一个项目的列表, 此列项目使用粗体圆点(典型的小黑圆圈)进行标记。3.2. 无序列表始于<ul>标签。每个列表项始于<li>。3.3. 实例3.3.1. 代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.原创 2020-10-09 14:09:27 · 121 阅读 · 0 评论 -
025_html表格
1. 你可以使用html创建表格。2. 表格2.1. 表格由<table>标签来定义。每个表格均有若干行(由<tr>标签定义), 每行被分割为若干单元格(由<td>标签定义)。字母td指表格数据(table data), 即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。2.2. 实例代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"原创 2020-10-09 00:13:15 · 229 阅读 · 0 评论 -
026_html表单
1. html表单用于搜集不同类型的用户输入。2. <form>元素2.1. html表单用于收集用户输入。2.2. <form>元素定义html表单。2.3. 表单元素指的是不同类型的input元素、复选框、单选按钮、提交按钮等等。2.4. 实例<form> .form elements .</form>2.5. action属性2.5.1. action属性定义在提交表单时执行的动作。2.5.2. 通常, 表单原创 2020-10-10 10:09:41 · 181 阅读 · 0 评论 -
027_html框架
1. 通过使用框架, 你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架, 并且每个框架都独立于其他的框架。2. 框架结构标签(<frameset>)2.1. 框架结构标签(<frameset>)定义如何将窗口分割为框架。2.2. 每个frameset定义了一系列行或列。2.3. rows/columns的值规定了每行或每列占据屏幕的面积。3. 框架标签(Frame)3.1. Frame标签定义了放置在每个框架中的html文档。3.2原创 2020-10-10 10:09:54 · 219 阅读 · 0 评论 -
028_内联框架
1. iframe元素会创建包含另外一个文档的内联框架(即行内框架)。2. 您可以把需要的文本放置在<iframe>和</iframe>之间, 这样就可以应对无法理解iframe的浏览器。3. 可能属性4. 添加iframe的语法4.1. iframe的语法<iframe src="URL"></iframe>4.2. URL指向隔离页面的位置。5. iframe设置高度和宽度5.1. height和width属性用于规定原创 2020-10-21 18:06:27 · 193 阅读 · 0 评论 -
029_html样式
1. html的style属性1.1. style属性的作用: 提供了一种改变所有html元素的样式的通用方法。1.2. 样式是html 4引入的, 它是一种新的首选的改变html元素样式的方式。通过html样式, 能够通过使用style属性直接将样式添加html元素, 或者间接地在独立的样式表中(CSS 文件)进行定义。2. html样式实例 - 背景颜色2.1. background-color属性定义了元素的背景颜色。2.2. background-color属性淘汰了"旧的"bg原创 2020-10-08 17:22:59 · 169 阅读 · 0 评论 -
030_html脚本
1. JavaScript使html页面具有更强的动态和交互性。2. html script元素2.1. <script>标签用于定义客户端脚本, 比如: JavaScript。2.2. script元素既可包含脚本语句, 也可通过src属性指向外部脚本文件。2.3. 必需的type属性规定脚本的MIME类型。2.4. JavaScript最常用于图片操作、表单验证以及内容动态更新。3. <noscript>标签3.1. <noscript>标原创 2020-10-10 09:56:52 · 126 阅读 · 0 评论 -
031_div和span
1. html块元素1.1. 大多数html元素被定义为块级元素或内联元素。1.2. "块级元素"译为block level element, "内联元素"译为inline element。1.3. 块级元素在浏览器显示时, 通常会以新行来开始(和结束)。1.4. 例子: <h1>, <p>, <ul>, <table>2. html内联元素2.1. 内联元素在显示时通常不会以新行开始。2.2. 例子: <b>, <原创 2020-10-09 14:22:14 · 192 阅读 · 0 评论 -
032_html对多个空格和换行的处理
1. 我们无法确定html被显示的确切效果。屏幕的大小, 以及对窗口的调整都可能导致不同的结果。2. 对于html, 您无法通过在html代码中添加额外的空格或换行来改变输出的效果。3. 当显示页面时, 浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是, html代码中的所有连续的空行(换行)也被显示为一个空格。...原创 2020-10-08 16:37:57 · 497 阅读 · 0 评论 -
033_字符集和编码
1. 如需正确地显示html页面, 浏览器必须知道使用何种字符集。2. 万维网早期使用的字符集是ASCII。ASCII支持0-9的数字, 大写和小写英文字母表, 以及一些特殊字符。3. 由于很多国家使用的字符并不属于ASCII, 现代浏览器的默认字符集是ISO-8859-1。4. 如果网页使用不同于ISO-8859-1的字符集, 就应该在<meta>标签进行指定。5. 拉丁字母5.1. 拉丁字母(罗马字母), 是目前世界上流传最广的字母体系, 源自希腊字母。5.2. 起源原创 2020-10-23 21:27:15 · 623 阅读 · 0 评论 -
034_Unicode标准
1. Unicode标准1.1. 由于ASCII字符集、ISO字符集、GBK字符集列出的字符集都有容量限制, 而且不兼容多语言环境, Unicode联盟开发了Unicode标准。1.2. Unicode标准涵盖了世界上的所有字符、标点和符号。1.3. 不论是何种平台、程序或语言, Unicode都能够进行文本数据的处理、存储和交换。1.4. Unicode标准已经获得了成功, 在XML、Java、ECMAScript(JavaScript)、LDAP、CORBA 3.0、WML中, Uni.原创 2021-08-11 20:14:28 · 358 阅读 · 0 评论 -
035_Unicode对照表一
1. Unicode标准1.1. 由于ASCII字符集、ISO字符集、GBK字符集列出的字符集都有容量限制, 而且不兼容多语言环境, Unicode联盟开发了Unicode标准。1.2. Unicode标准涵盖了世界上的所有字符、标点和符号。1.3. 不论是何种平台、程序或语言, Unicode都能够进行文本数据的处理、存储和交换。1.4. Unicode标准已经获得了成功, 在XML、Java、ECMAScript(JavaScript)、LDAP、CORBA 3.0、WML中, Uni.原创 2021-07-04 11:09:16 · 2664 阅读 · 0 评论 -
036_Unicode对照表二
1. 有以下三种方式来插入样式表:1.1. 外部样式表: 当样式需要被应用到很多页面的时候, 外部样式表将是理想的选择。使用外部样式表, 你就可以通过更改一个文件来改变整个站点的外观。<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>1.2. 内部样式表: 当单个文件需要特别样式时, 就可以使用内部样式表。你可以在head部分通过<style>标签定义原创 2020-10-09 00:12:40 · 1241 阅读 · 0 评论 -
037_Unicode对照表三
1. 对html进行分类(设置类), 使我们能够为元素的类定义CSS样式。2. 为相同的类设置相同的样式, 或者为不同的类设置不同的样式。3. 例子3.1. 代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>类</title>原创 2020-10-09 14:25:18 · 956 阅读 · 0 评论 -
038_Unicode对照表四
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>完整的Unicode对照表</title> <meta charset="utf-8" /> <style type="text/css"> table {.原创 2021-07-02 18:03:34 · 2315 阅读 · 0 评论 -
039_Unicode对照表五
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta charset="utf-8" /> <title>完整的Unicode对照表</title> <style type="text/css"> table {.原创 2021-07-02 18:24:35 · 589 阅读 · 0 评论 -
040_Unicode对照表六
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta charset="utf-8" /> <title>完整的Unicode对照表</title> <style type="text/css"> table.原创 2021-07-02 18:35:04 · 7486 阅读 · 0 评论