一、0402html学习体会与总结
[toc]
1、补充学习了Markdown相关简单的语法
- 1、标题
# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题
- 2、段落
方法1：末尾两个空格+回车
方法2：直接换行 - 3、字体
| 效果 | 实列 |
|---|---|
| 斜体 | 斜体文本 |
| 粗体 | 粗体文本 |
| 粗斜体 | 粗斜体文本 |
| 删除线 | |
| 下划线 | <u>好好学习</u> |
- 4、列表
- 无序列表可以使用*、+、—号来表示
- 有序列表使用数字+.号来表示
5、图标
6、表格
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。- 7、高级应用还在慢慢学习
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
2、html的基础知识的学习回顾
1、网页的组成部分
文本内容 标记 外部引用
2、html的设计思想
个人理解就是通过超文本的方式通过html语言展示，html语言又通过标签来实现定位展示。
3、html页面的结构
<!DOCTYPE html><!-- 浏览器标记识别码 --><html lang="en"><!--html:根标签, 俗称:根元素;lang="en": 浏览器本语言设定(中文:zh-CN)--><head><!-- head中的内容, 网站关键字、收录信息等--><!-- 样式文件写在这个区域 --><meta charset="UTF-8" /><!-- 文档的字符集是UTF-8 gkb等等--><meta name="viewport" content="width=device-width, initial-scale=1.0" /><!--viewport:视口/可视区屏幕, 针对移动端而言的.width=device-width:当前宽度跟设备宽度一致.initial-scale=1.0:初始缩放比例, 1.0表示不缩放.1比1显示.--><title>HTML基础知识学习</title><!-- 当前页面的标题, 在浏览器的标签页显示 --></head><body><!-- body中的内容是用户真正看到的内容 学习的一般标签都在这个区域--><p>认真学习，天天向上</p><hr><a href="http://94ni.cn">峰仔博客</a></body></html>
4、元素的属性与值
4.1元素分为非空元素—-双标签， 空元素—-单标签
4.2 属性和值
属性:是在起始标签中对标签内容进行描述的工具
值:属性的值.
值的类型:
预定义值, 如颜色值 green 等;
字符串, 如下面例子中 class 属性的值 “active” 就是字符串, 支持自定义;
指定格式值, 如:a标签的 href 属性值, 必须写 url 格式的字符串值;
数字值:1,2,3,4,5,6…3.14159265;
布尔值, 如:required, checked 和 selected.在起始标签中写这个属性名, 或者属性名=”属性名”(如:required=”required”), 则代表这个属性的值为 true, 不写这个属性名, 则代表这个属性的值为 false
几乎所有元素都可以设置的属性:id class style
- 4.3层次关系
就是标签正确的嵌套 区元素、块元素
<label for="text-id">控件关联需要通过id属性实现</label> <input id="text-id" type="text" />
6. 网页中的文本字符（复制老师熟记）
- 多个空格,制表符,回车符,换行符,都会被压缩为一个空格
<,>,&等字符具有特殊意义,需要转义后才允许添加到 html 文档- 转义字符语法:
& + 字符实体名称 + ;, 如<,使用:<表示 Unicode极大的缓解了特殊字符的问题,推荐将文档编码设置为utf-8- 只需要在
<head> <mata charset="UTF-8"> </head> - 常用转义字符表
| 序号 | 字符 | 描述 | 转义字符 | 实体编号 |
|---|---|---|---|---|
| 1 | ' ' |
空格 | nbsp; |
|
| 2 | < |
小于 | < |
< |
| 3 | > |
大于 | > |
> |
| 4 | & |
&符号 |
& |
& |
| 5 | " |
双引号 | " |
" |
| 6 | © |
版权 | © |
© |
| 7 | ® |
已注册商标 | ® |
® |
| 8 | × |
乘号 | × |
× |
| 9 | ÷ |
除号 | ÷ |
÷ |
7. 文件与文件夹名称（编写规范认真对待）
- 全部使用小写字母:
chapter1/demo1.html - 采用合适的扩展名:
.html, 不要用.htm - 坚持使用连接线
-,而不是下划线_分隔多个单词
8、url的理解
URL:统一资源定位符. 类似地球仪用经纬度定位位置;互联网中用 ip 定位主机位置. 互联网上的任何一个文件/资源必须要用一个唯一的访问地址, 这个就是 URL.
http/https: 协议, 模式. 服务器不知道开放哪个端口来接收你的请求, 所以需要达成协议, 约定 http 协议的请求, 服务器就使用 80 端口接收;https 协议请求, 就使用 443 端口接收.除此之外, 还有 ftp 协议, 使用 21 端口接收.邮件协议, 使用 25 端口接收. mysql使用3306端口
域名就是IP的解析地址
相对地址: 相对于当前文档位置的地址 父目录 ../
3、4月2日HTML学习个人体会
html语言是网页的基础 属性标签具体应用还需要多讲，学了两天对于0基础的我还是能跟上老师的进程。
