html 基础
1.网页的组成
任何一个页面都有三部分
- 文本内容
- 其他资源的引用：图片，视频，音频…
- 标记：对文本，其他资源的描述
<p>我是php中文网</p><img scr="logo.png" alt="log" />
2.html 的设计思想
- 超文本：是指包括了超链接的文本
- 预定义标记：是用来描述内容的固定标签
- 语言：html 并不是编程语言，只是用来书写 html 文档的工具
3.html 页面结构
<!DOCTYPE html><!-- 通知浏览器，我是一个html5文档 --><html lang="en"><!-- html：根标签/根元素 --><head><!-- head中的内容，用户并不感兴趣，或者不需要用户看到，给浏览器/开发者看 --><!-- 元数据：描述某种特定信息的数据 --><!-- 当前字符集是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>
4.元素，属性和值
- 元素是用标签来描述的，属性和值是对元素的进一步精准描述
- 元素之间需要保持正确的嵌套关系，例如 form 就是 label 的父级标签
4.1 元素与标签
| 元素 | 标签 | 描述 |
|---|---|---|
| 非空元素 | 双标签 | <p>学习让我很快乐</p> |
| 空元素 | 单标签 | `<img src="1.jpg" alt=""> |
4.2 属性，值
- 属性写在起始标签中
- 值：预定义值，字符串，指定格式，布尔值
- 布尔值：只要在元素中出现这个属性，就代表它是 true，如果你不需要它，就不要写
- 几乎所有元素都可以设置的三大通用属性：
idclassstyle
<body><!-- color:aqua，这是个预定义的值 --><h2 style="color: aqua;font-size: 36px;" class="aaa">php中文网欢迎大伙...</h2><a href="https://www.php.cn">php中文网</a><!-- url、图片之类的都是指定义的值 --><form action="1.php" method="get"><!-- 点击提交后跳转至action值 --><label for="my-email">邮箱：</label><input type="email" placeholder="Email" id="my-email" /><!-- required代表输入框为必填字段，属于布尔值 --><!-- id需要保证唯一性，只能标注一个元素 --><button>提交</button></form></body>
5.网页中的实体字符
- 空白的处理：空格，制表符，换行符，无论多少个都算一个
6.文件与文件夹
- 全部使用小写
- 命名：
htmlhtm - html 中写代码需要使用连接线，php 中需要使用下划线
7.URL
- URL：统一资源定位符，互联网上的任何一个文件/资源必须要有一个唯一的访问地址
- URL 语法：https://www.php.cn/course/1088.html
1）http/https:协议，模式，80 端口（web）、21（FTP）、25（邮件）
2）www.php.cn：主机名/域名，
3）course/1088.html：访问的资源在服务器上的真实路径 - 绝对 URL：https://www.php.cn/course/1088.html
- 相当 URL：../1088.html
