4月2日作业
html 基础知识
1. 网页的组成部分
-直观看，网页包含了文字、图片、视频、音频、软件、链接等内容。
-内涵看，网页是由
文本、引用（如文件、多媒体、样式、脚本等）、标记（对以上的正确描述）等部分组成。
-网页采用纯文本进行描述。
-HTML全称是超文本标记语言（Hyper Text Markup Language），主流版本是5.0。超文本是指页面内包含图片、音频、视频、软件、链接等非文字元素。
-阅读方式：网页浏览器
-一个标准HTML文件包含HTML元素、元素的属性、属性值。
2. html 设计思想
标签：在HTML文档中的一切都是基于标签实现。
和现实中的商品标签左右一样，用于识别各种HTML元素。
应该重点掌握各种标签的标记方法，熟练使用各种标签。
3. 基本的 html 页面
3.1 html 结构源码
以下是我第一个html结构源码
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>My First Page</title>
</head>
<body>
<h1>Welcom to My First Page!</h1>
</body>
</html>
4. 元素,属性与值与其它
4.1 元素
| 元素 | 标签 | 语法 |
|---|---|---|
| 非空元素 | 双标签 | <p>第一次做表格</p> |
| 空元素 | 单标签 | `<img src="..." > |
区别：中间是否存在文本。
4.2 属性和值
4.2.1 基本语法
| 概念 | 解释 |
|---|---|
| 属性 | 必须写到元素的 “起始标签” 中,由属性名和属性值二部分组成 |
| 语法 | 属性名="属性值",属性名推荐只使用小写字母,属性值推荐加上双引号 |
| 案例 | <input type="password" maxlength="20" placeholder="至少8个字符" required> |
| 序号 | 类型 | 描述 |
|---|---|---|
| 1 | 字符串 | 英文字母` |
| 2 | 预定义值 | 内部确定的值 |
| 3 | 指定格式 | 内部确定的格式 |
| 4 | 数值 | 数字 |
| 5 | 布尔值 | 只有真、假两个值 |
4.2.2 三大通用属性
id\class\style三个属性,几乎可以添加到任何元素上。
| 序号 | 属性名 | 描述 |
|---|---|---|
| 1 | id |
元素的唯一标识 |
| 2 | class |
给元素添加类样式 |
| 3 | style |
设置当前元素样式 |
5. 层级关系
元素的父子关系，特别注意复杂关系不要嵌套错误。这要依靠编辑器的插件工具，以及良好书写习惯。
6. 网页中的文本字符
推荐将文档编码设置为utf-8
有些字符具有特殊意义,需要转义后才允许添加到 html 文档，
熟记一下常用转义字符表
| 序号 | 字符 | 描述 | 转义字符 |
|---|---|---|---|
| 1 | ' ' |
空格 | nbsp; |
| 2 | < |
小于 | < |
| 3 | > |
大于 | > |
| 4 | & |
&符号 |
& |
| 5 | " |
双引号 | " |
| 6 | © |
版权 | © |
| 7 | ® |
已注册商标 | ® |
| 8 | × |
乘号 | × |
| 9 | ÷ |
除号 | ÷ |
7. 文件与文件夹名称
- 全部使用小写字母
- 采用合适的扩展名:
.html, 不要用.htm - 坚持使用连接线
-,而不是下划线_分隔多个单词
8. URL
8.1 语法
- URL: 统一资源定位符
- URL 语法: 协议：//主机名(域名/ip)/路径/文件名
8.2 绝对
http://php.cn/courses/123.html8.3 相对 URL
访问同一个网站的文件,应该始终坚持使用相对 URL 地址9. html 标签的语义化的优势
贴近实际，容易理解。10. html 元素的默认样式
使用自定义的样式表,来重置元素的样式,让它们在所有浏览器中看上去是完全一样
总结：
虽然我也学过html，但是都是碎片，抓不住重点。现在学起来，感觉发现以前没有注意到的知识点，比如本节课我体会最深的是三大通用属性，因为他几乎能用在每个元素上，就是id、class、style。还有相对URL路径的表示方法，也是我之前出来没有注意。老师能把知识点捋出来，真不错，希望我能跟得上，记得住。
