第二章：Web基础标签

第二章：Web基础标签

1. 内容的编写是一系列的文本元素标签组成，其中元素名不区分大小的。
2. 双标签：首标签<名称>、尾标签</名称>
3. 单标签：<名称/>
4. 标签元素：块级元素、级联元素
5. 开发者工具：F12或右键查看原程序
6. 文本标题：h1~h2 标题标签
7. 段落标签（p）
8. 换行符（br）
9. 转义字符
10. 注释标签 ——>ctrl+shift+/ 语义标签
11. header：页眉，不限数量。在网页或section 上。
12. footer：页脚，不限数量。
13. hgroup：标题组，连续多个h1~h2标签可用。
14. nav：导航栏。如：淘宝上的分类。用在整个页面主要导航部分上，不合适不用nav元素。
15. aside:是在article元素中，表附属信息在article外可做侧边栏，没有article与之对应最好不要用。
16. 自身独立时用——article
17. 相关内容时用——section
18. 无语义时用——div 超链接标签-----a
19. 概述：网页项目中，从一个网页指向一个目标的连接。
20. 语法结构：a href=“url地址”>链接元素 <a/
21. 链接分内部链接和内部链接
22. 定位有绝对定位和相对定位
23. 三种相对路径超链接：
    ①到同一目录下：直接输入连接的文件名
    ②到下一级目录：目录名/文件名
    ③到上一级目录：…/文件名

链接target属性

24. 通过target 属性来控制目标窗口的打开方式

25. a href=“URL地址” target=“目标窗口的打开方式”> 链接元素</a

26. 若不写默认为在当前窗口打开

27. _self:默认，在相同窗口打开（常用）

28. _blank:新的浏览窗口打开（常用）

29. _parent:加载到父框架窗口中，一般结合标签使用

30. _top:到整个浏览器窗口中并删除所有框架
    锚记（书签）链接
    ①标记 name
    ②跳转href

31. 在同一个页面中：
    ① a name=“锚记名称”>链接文本</a
    ②a href="#名称">链接文本</a

32. 不在同一页面中：
    ① a name=“锚记名称”>链接文本</a
    ②a href=“url地址#名称”>链接文本</a列表

33. 无序列表: ul>与<li搭配用

34. 有序列表: ol>与<li搭配用

35. 定义列表: dl>与<dt,<dd搭配用常用图像格式

36. JPG/JPEG--------JPG格式是有损压缩，压缩后体积很小，比较清晰，比较适合在网页中。最适合用于摄影和连续调色图像的高级格式 ，因JPG包含数百万种颜色。

37. PNG———支持aplha（全透明、半透明、全不透明）

38. GIF———最大特点是支持动画，在网页中应用非常广泛。

39. SVG———目前最火的一种图像文件格式，图像尺寸更小，压缩性更强，适合用来制作地图，放大时质量不会下降。 图片标签-------img

40. 图像资源属性——src
    img src=“图片路径”
    img/----内联元素标签

41. 替代文本属性——alt
    img src=“图片路径” alt=“要显示的替换文本”/>
    当图片没法显示出来时，才会出来文本。

42. 图像宽高属性——width,height