HTML—学习笔记

HTML简介

HTML（Hypertext Markup Language，简称HTML）也叫作超文本标记语言，是一种用来结构化Web网页及其内容的标记语言，标准通用语言下的一个应用。

HTML编辑器

• 启动记事本
• 使用记事本编辑HTML
• 保存HTML 另存为.htm或者.html扩展名
• 启动浏览器 选择文件打开即可

HTML调试

两种主要类型的错误：

• 语法错误：由于拼写错误导致程序无法运行；通常熟悉语法并理解错误信息后很容易修复。
• 逻辑错误：不存在语法错误，但代码无法按期运行；通常逻辑错误比语法错误更难修复，因为无法得到指向错误源头的信息。
  HTML本身不容易出现语法错误，因为浏览器是以宽松模式运行的，这意味这即使出现语法错误浏览器依然会继续运行。浏览器通常都有内建规则来解析书写错误的标记，所以即使与预期不符，页面仍可显示出来。当然是存在隐患的。

HTML基础

HTML标题

HTML标题（heading）是通过$<h1>-<h6>$标题来定义的每个元素代表文档中不同级别的内容。$<h1>$ 表示主标题（the main heading），$<h2>$表示二级子标题（subheadings），$<h3>$表示三级子标题（sub-subheadings），$<h4>$、$<h5>$、$<h6>$依次递减字体的大小。

HTML 段落

HTML 段落是通过标签$<p>$来定义的，P是英文paragraph段落的缩写，经常被用来创建一个段落。

• 对每个页面使用一次$<h1>$，这是主标题，其他所有标题位于层次结构中的下方。
• 在层次结构中以正确的顺序使用标题，不要使用$<h3>$来表示副标题，后面跟$<h2>$来表示副副标题，这是没有意义的而且会导致奇怪的结果。
• 在可用的6个标题级别中，应该保证每个页面中标题级别的使用不超过3个，除非有必要使用更多。具有很多标题级别的文档会变得难以操作并且难以导航。在这种情况下，如果可能，建议将内容分散在多个页面上。

HTML空格

无论你用了多少空格（包括空格字符，包括换行），当渲染这些代码的时候，HTML解释器会将连续出现的空格字符减少为一个单独的空格符。

HTML链接

HTML 链接是通过标签$<a>$来定义的。a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。

<a href="http://www.baidu.com">百度</a>

HTML 图像

HTML 图像是通过标签$<img>$来定义的。使用img元素来为你的网站添加图片，使用src 属性指向一个图片的具体地址。请注意：img元素是自关闭元素，不需要结束标记。

<img src="https://www.your-image-source.com/your-image.jpg">

HTML 强调

em（emphasis）对应浏览器默认为斜体。
$<strong>$(strong importance)对应浏览器为粗体。

HTML元素

HTML 文档由 HTML 元素定义，HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

HTML属性

属性是为 HTML 元素提供的附加信息。

• HTML 元素可以设置属性
• 属性可以在元素中添加附加信息
• 属性一般描述于开始标签
• 属性总是以名称/值对的形式出现，比如：name=“value”。
  

参考资料

HTML教程