「前端+鸿蒙」核心技术HTML5+CSS3(二)

1、开发者文档

开发者文档通常由浏览器厂商或技术社区提供,包含有关Web技术(如HTML、CSS、JavaScript)的详细信息,API文档,以及最佳实践。例如,MDN Web Docs是一个广泛认可的开发者资源。

2、块级元素与行列元素

  • 块级元素:在页面上占据整行的元素,如<div><h1><h6><p>等。
  • 行内元素:在块级元素内部水平排列的元素,如<span><a><img>等。

3、常用的文本标签

常用的文本标签包括:

  • <h1><h6>:标题标签,<h1>最重要,<h6>最不重要。
  • <p>:段落标签。
  • <strong>:强调重要文本,表示语气上的强调。
  • <em>:强调文本,表示语义上的强调。
  • <mark>:标记文本。

4、不常用的文本标签

不常用的文本标签可能包括:

  • <big>:使文本变大(不推荐使用,已废弃)。
  • <small>:使文本变小(不推荐使用,已废弃)。
  • <tt>:打字机文本(不推荐使用,已废弃)。

5、相对路径与绝对路径

  • 相对路径:相对于当前文件的路径,如images/image.jpg
  • 绝对路径:完整的URL路径,如https://www.example.com/images/image.jpg

6、常见图片格式

  • JPEG:适合照片和复杂图像,有损压缩。
  • PNG:支持透明度,无损压缩。
  • GIF:支持动画,颜色限制在256色以内。
  • SVG:矢量图形,无限缩放不失真。

7、超链接-跳转页面

超链接用于在页面之间跳转:

<a href="https://www.example.com">访问示例网站</a>

8、超链接-跳转文件

超链接也可以用来下载或打开文件:

<a href="document.pdf" download>下载文档</a>

9、超链接-唤起指定应用

通过特定的协议,超链接可以唤起操作系统中的应用程序: