![[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
任何一个页面都有 3 部分
<p>我是一行文本</p><img src="logo.png" alt="logo" />
<a> 标签)
<!DOCTYPE html><!-- 通知浏览器, 我是一个HTML5文档 --><html lang="en"><!--html:根标签, 俗称:根元素;lang="en": 告诉浏览器本文档的主要语言是英文(中文:zh-CN)--><head><!-- head中的内容, 用户不敢兴趣, 或者不需要用户看到, 给浏览器/开发者看到 --><!-- 元数据:用来解释数据的数据, 相当于给理发师理发的理发师, 个人理解:描述HTML文档本身的属性数据 --><meta charset="UTF-8" /><!-- 通知浏览器, 当前文档的字符集是UTF-8, 基本包含了地球上的所有语言 --><meta name="viewport" content="width=device-width, initial-scale=1.0" /><!--viewport:视口/可视区屏幕, 针对移动端而言的.width=device-width:当前宽度跟设备宽度一致.initial-scale=1.0:初始缩放比例, 1.0表示不缩放.1比1显示.--><title>我是页面标题</title><!-- 当前页面的标题, 在浏览器的标签页显示 --></head><body><!-- body中的内容是用户真正看到的内容 -->EMMET:可以用来快速书写HTML, css文档的工具. <br />技巧:HTML:5,!+tab键=>能快速生成HTML文档结构</body></html>
非空元素, 如<p>元素, 用双标签标识, 即开始标签和结束标签中间的内容是非空的.如:<p>我是一段文本</p>
空元素, 用单标签, 其内容来自外部资源的引用.如:<img src="a.jpg"/>
<a> 标签的 href 属性值, 必须写 url 格式的字符串值;<p style="color: green" class="active">我被 style 属性的color样式设置成绿色了</p><a href="http://www.baidu.com">我的href属性的值必须是url格式的字符串</a>几乎所有元素都可以设置的属性:id, class, name
tips: 点击文本框标题, 文本框自动获得焦点的方法:设置 label 的 for 属性的值和文本框的 id 属性的值相等, 如下:
<label for="input_id">我是标题</label> <input id="input_id" type="text" />
=> 一个空格< => 小于号, 左尖括号> => 大于号, 右尖括号.html, 尽量不用.htm, .htm这个太老了, dos 时代遗留下来的东西.my-homepage.html<div class="main-title">.特别的, name 属性值因为要以变量名的形式要提交到后台, 而一般后台脚本语言都不支持带短横线变量名, 所以 name 属性就使用下划线.http://www.php.cn/course/379.html为例http/https: 协议, 模式. 服务器不知道开放哪个端口来接收你的请求, 所以需要达成协议, 约定 http 协议的请求, 服务器就使用 80 端口接收;https 协议请求, 就使用 443 端口接收.除此之外, 还有 ftp 协议, 使用 21 端口接收.邮件协议, 使用 25 端口接收.www.php.cn: 域名/主机名, 服务器的名字, 要给自己的网站起一个牛 X 的名字.TIPS:ip 可以认为是服务器的身份证号.course/379.html: 访问的资源在服务器上的真实路径.