![]()
html 基础
![]()
1. 网页的组成
任何一个网页都有三部分
| 序号 | 内容 | 描述 |
|---|---|---|
| 1 | 文本内容 | 用户可见的内容，如新闻，电话… |
| 2 | 其他资源的引用 | 图片，视频，音频… |
| 3 | 标记 | 对文本，其他资源的描述 |
<p>我是。。。。</p><img src="logo.png" alt="log" />
![]()
2. html 设计思想
超文本：是指包括了超链接的文本
预定义标记：是用来描述内容的固定标签
语言：html 并不是编程语言,只是用来书写 html 的文档工具
![]()
3. html 页面结构
<!DOCTYPE html><!-- 通知浏览器，我是一个HTML文档 --><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. 元素，属性和值
![]()
4.1 元素与标签
| 元素 | 标签 | 描述 |
|---|---|---|
| 非空元素 | 双标签 | <p>学习让我很快乐</p> |
| 空元素 | 单标签 | <img src="1.jpg" alt="" > |
![]()
4.2 属性和值
属性写在起始标签中
值：预定义值，字符串，指定格式，数值,布尔值
布尔：只要在元素中出现这个属性，就代码它是 true;如果你不需要它就不要写
几乎所有元素都可以设置的三大通用元素：
id，class,style
![]()
5. 网页中的实体字符
空白的处理：空格，制表符，换行符，无论写多少个都算一个
| 序号 | 字符 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|---|
| 1 | 空格 | |||
| 2 | < | 小于号 | < | < |
| 3 | > | 大于号 | > | > |
| 4 | ‘ | 撇号 | &apos (IE 不支持) | ‘ |
| 7 | ￠ | 分（cent） | ¢ | ¢ |
| 8 | £ | 镑（pound） | £ | £ |
| 9 | ¥ | 元（yen） | ¥ | ¥ |
| 10 | € | 欧元（euro） | &euro | € |
| 11 | § | 小节 | § | § |
| 12 | © | 版权（copyright） | © | © |
| 13 | ® | 注册商标 | ® | ® |
| 14 | ™ | 商标 | &trade | ™ |
| 15 | × | 乘号 | × | × |
| 16 | ÷ | 除号 | ÷ | ÷ |
![]()
6. 文件与文件夹
全部使用小写
.html,.htm文件名：
hello_world.php
![]()
7. URL
![]()
7.1 语法
URL：统一资源定位符，互联网上的任何一个文件/资源必须要有一个唯一的访问地址
-URL：http/https：协议，模式
域名/主机名
访问资源在服务器上的真实路径