![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：完成的相当棒, 加油呀
Collection
Collection
| 序号 | 内容 | 描述 |
|---|---|---|
| 1 | 文本内容 | 用户可见内容，入新闻，电话… |
| 2 | 其他资源的引用 | 图片，视频，音频 |
| 3 | 标记 | 对文本，其他资源的描述 |
<p>我是php中文网11期学员林国亨</p><img src="logo.png" alt="log" />
emmet 教学(一种快速书写 html5 的语言)
control+? 可以快速出现注释
shift+alt+下箭头，快速复制
shift+alt+下箭头，快速复制
<!-- 厉害！ -->
<!DOCTYPE html><!--通知浏览器，我是一个html5文档--><html lang="en"><!-- en代表英文，如果不需要浏览器翻译，也可以设置成zh-cn --><!-- html：根标签/根元素 --><head><!--head中的内容，用户不感兴趣，或者不需要用户看到，给浏览器看的/开发者看,也是为了seo--><!--元数据：描述某种特定信息的数据 --><!--当前字符集是utf-8 --><meta charset="UTF-8" /><!--viewport:视口/可视区屏幕--><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>当前页面标题</title></head><body><!--这是用户真正看到的内容啦--><h2>php中文网欢迎大学...</h2></body></html>
| 元素 | 标签 | 描述 |
|---|---|---|
| 非空元素 | 双标签 | <p>学习让我很快乐</p> |
| 空元素 | 单标签 | <img src="1.jpg" alt=""> |
id,class,style,chrome 检查
elements:查看页面元素
console:控制台，执行 javsscrip
sources:调试
netword：web 请求
<,>,&等字符具有特殊意义,需要转义后才允许添加到 html 文档& + 字符实体名称 + ;, 如<,使用: <表示Unicode极大的缓解了特殊字符的问题,推荐将文档编码设置为utf-8<head> <mata charset="UTF-8"> </head>| 序号 | 字符 | 描述 | 转义字符 | 实体编号 |
|---|---|---|---|---|
| 1 | ' ' |
空格 | nbsp; |
|
| 2 | < |
小于 | < |
< |
| 3 | > |
大于 | > |
> |
| 4 | & |
&符号 |
& |
& |
| 5 | " |
双引号 | " |
" |
| 6 | © |
版权 | © |
© |
| 7 | ® |
已注册商标 | ® |
® |
| 8 | × |
乘号 | × |
× |
| 9 | ÷ |
除号 | ÷ |
÷ |
html 写代码全部使用小写
.html，.htm
hello_world.phphttp/https:协议，模式
因为原来一直做seo相关工作，因此对html代码还是有基本了解，就是没有系统学习过，有点像朱老师说的盲人摸象的感觉，哪里出了问题了，就百度一下，学习一下相关的问题的解决办法，一直想系统学习一下html相关知识，通过4月2日的课程，我熟悉了html基础的一些知识，课后我还将学习学习下！emmet的相关知识。还有vscode相关快捷键的使用的技巧。
本次课程的难点我觉得还是有关实体字符的，这个原来没接触过，感觉很晕。
