前端开发初学者的日记

初学HTML对所学知识的浅度总结

前端的三架马车

• HTML
• CSS
• JavaScript

后台的运用语言

• Node.js
• Java
• Python
• PHP

推荐学习网站

• W3C官网

• 菜鸟教程runoob

• 技术达人的博客—张鑫旭、阮一峰、司徒正美、大漠等

• 知乎

• MDN

• Github

• stackoverflow

• 书籍——工具型的指南（电子档）

绝对路径

1.书写格式 ：协议：//域名/目录

​ 2.使用场景 ：访问外部资源时，只能使用绝对路径。

访问内部资源时，若网站部署到服务器（条件），可以使用绝对路径，并可以省

略协议和域名

相对路径

1.书写格式 ：./路径

​ 2.使用场景：相对于当前资源的位置，只能使用于访问内部资源

​3. ./ – 表示当前资源所在的目录，必须为相对路径的开始，可以省略

…/ – 表示返回上一级目录

HTML中常见的标签

header : 页面或某个区域的头部

​ nav : 表示导航栏

​ article : 文章或其他可以独立页面存在的内容

​ aside ：周围主题相关的附加信息 -------->侧边栏

​ section ：一个整体的部分主题

​ footer ：页面或某个区域的脚注

​ p : 表示段落

文本 ：strong:重要的文本

​ b:应突出显示的文本

斜体 ：em – 强调的文本

​ i – 应区别对待的文本

文本引用： block quote-- 整段文本的引用

​ q – 小段文本的引用

​ cite – 参考文献的引用

span ：跨越多个字符 （小范围的通用容器）

abbr ： 缩写词的引用

a ：超链接

总结

• 了解前端的三大板块

• HTML和CSS的基本含义

• 学习了HTML的注释、元素、属性、语义化标签、一些元素及其表示的含义、路径

  易错点

  • HTML和CSS分离：内容与表现分离，使页面结构更加简洁，是现代页面设计的标准
  • 网页的内容都要写在body元素中
  • 空元素中不能有子元素
  • HTML标签的开始标签和结束标签必须成对出现
  • 标签的属性必须用引号引起来
  • head元素的内容不会显示在网页上，而是在标签页上