html
1.网页的组成
任何一个页面都有三部分
| 序号 | 内容 | 描述 |
|---|---|---|
| 1 | 文本内容 | 用户可见的内容 |
| 2 | 其他资源的引用 | 图片，视频，音频… |
| 3 | 标记 | 对文本，其他资源的描述 |
<p>php中文网学习</p><img src="logo.png" alt="log"/>
2.html设计思想
- 超文本：是指包括了超链接的文本
- 预定义标记：是用来描述内容的固定标签
- 语言：HTML 并不是编程语言，只是用来写HTML文档的工具
3 HTML基础范本
<!DOCTYPE html><!--通知浏览器，我是一个html5文档--><html lang="en"><!-- html：根标签/根元素 --><head><!-- head的内容，用户不需要看到，给开发者看 --><!-- 元数据：描述某种特定信息的数据 --><meta charset="UTF-8" /><!-- 当前字符集是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属性和值
- 属性写在起始标签
- 值：预定义值，字符串，指定格式，数值，布尔值
- 布尔：只要在元素中出现这个属性，就代表ture，不需要就不要使用
- 几乎所有元素都可以设置的三大通用属性：’id’,’class’,’style’
5.网页中的实体字符
- 空白的处理：空格，制表符，换行符
6.文件与文件夹
- 全部使用小写
- ‘.html’,’.htm’
- 文件名：’hello_world.php’
7.URL
7.1 语法
- URL：统一资源定位符，互联网上的任何一个文件/资源必须要有一个唯一的访问地址
URL：
- http/https:协议，模式
- www.baidu.com ：域名/主机名， 114.234.2.45
- course/379.html : 访问的资源在服务器上的真实路径
8.自我总结
<!DOCTYPE html><!--通知浏览器，我是一个html5文档--><html lang="en"><!-- html：根标签/根元素 --><head><!-- head的内容，用户不需要看到，给开发者看 --><!-- 元数据：描述某种特定信息的数据 --><meta charset="UTF-8" /><!-- 当前字符集是utf-8 --><!-- viewport: 视口/可视区屏幕上 --><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>当前页面的标题</title><style>.active {background-color: chartreuse;}.div2 {width: 500px;margin: auto;}</style></head><body><div style="width:100%s;"><h2 style="color: brown; font-size: 36px;" class="active">php中文网欢迎大家...</h2><div class="div2"><a href="https://www.php.cn">PHP中文网</a></br></br><form action="" method="GET"><label for="user">账号:</label><input type="text" placeholder="请输入账号;" id="user" required /></br></br><label for="pass">密码:</label><input type="password" placeholder="请输入密码;" id="pass" required /></br></br><button>登录</button></form></div></div></body></html>
