随笔- 1 文章- 0 评论- 0 阅读- 13

html —— 第一章

网页由三个部分构成：
1. 结构：XHTML标准；
2. 表现：CSS标准；
3. 行为：ECMAScript；
网页名称的命名规范：
1. 由字母、数字、下划线构成；
2. 不能以数字开头；
3. 见名知意；
4. 不能是关键字；
文档类型声明：<!Doctype html>；
lang = 'en' ：告诉浏览器该文档是哪种语言类型；
ECMAScript：脚本程序设计语言；
网页的基本结构：
1. <html></html> ：说明我们写的是标记语言；
2. <meta charset='UTF-8' /> ：标明编码格式；
一些html标签：
1. <sup></sup> ：上标文本；
2. <sub></sub> ：下标文本；
3. <del></del> ：删除线标签
4. 加粗标签：b、strong
5. 倾斜标签：i、em；
6. 超链接：a
  1. 超链接对象：文字、图片、地址；
  2. href：设置链接目标的地址路径；
  3. target：设置链接目标的打开方式，属性值为：
    1. _self：默认在自身窗口打开；
    2. _blank：在新窗口打开；
  4. title：设置鼠标悬停在超链接文字上的提示。
  5. 超链接分类：
    1. 颞部链接：同一站点、各文件间的连接；
    2. 外部链接：站点间的连接，路径一定要用绝对路径；
    3. 空链接：有链接的效果，但是没有链接指向，路径处写#；
    4. 锚点链接：是一个文档内部不同部分间的连接
      1. 设置锚点：在开始标签当中写一个id的属性，然后写上锚点名；
      2. 链接锚点：<a href="#锚点名"></a>
7. 图像标签：
  1. src：图片路径；
  2. width：图片宽度，属性值为像素值；
  3. height：图片高度，属性值为像素值；（注：宽度和高度在只设置一个值的情况下，另外一个值等比例缩放）
  4. alt：设置当图片无法正常加载（图片路径错误、网速慢）时的提示文字；
  5. title：图片标题；
  6. 注：alt和title的区别
    1. alt属性是在你的图片因为某种原因不能正常加载时页面上显示的提示信息，它会直接输出在原本加载图片的地方；
    2. title属性是在你鼠标悬停在该图片上时显示的小提示，鼠标离开了就没有了，html的绝大多数标签都支持title属性，title属性就是专门做提示信息的。
8. 水平线：<hr width="50%" size="20" color="red".align="right">
  1. width：属性值可以是像素值，也可以是百分比；
  2. size：高度。属性值可以是像素值；
  3. color：属性值可以是颜色名称；
  4. align：水平对齐方式。属性值有left、center（默认）、right；
9. 列表：
  1. 无序列表：<ul><li></li>......</ul>
    1. type：disc - 黑色实心圆；circle - 空心圆；square - 黑色方块；none - 不显示。
    2. eg：list-style-type：disc。
  2. 有序列表：<ol><li></li>......</ol>
    1. type：1、a、A、i（小写ai）、I（大写ai）；
    2. start：设置的是编号的起始值，属性值为数字；
  3. 自定义列表：<dl><dt>标题</dt><dd>内容</dd>......</dl>
html常见符号：
1. 空格：&nbsp（此为实体名称，实体编号为&#160）。也可以用全角空格，一个全角空格表示一个汉字；
2. 大于号：>（实体编号&#62）；
3. 小于号：<（实体编号&#60）；
4. 双引号："（实体编号&#34）。写一个只显示双引号的一半；
5. 版权符号：©（实体编号&#169）；©️
6. 注册商标：&reg ;（实体编号&#174）；®️
网页中常用图片的格式：
1. gif：支持动画、透明，颜色单调，最多为256种颜色，常用于网页中的logo、图标；
2. jpg：不支持动画、透明，颜色丰富，有1600多万种颜色，有背景色；
3. png：不支持动画，支持透明，颜色丰富，无背景色。