前端学习Day01
HTML骨架标签
文章图片
1.1 html标签分类
双标签
单标签
html标签关系
![前端学习——Day01](https://img.it610.com/image/info8/d024d20ddb9a4ce2b81f2eb0159c5da2.jpg)
文章图片
代码开发工具
Dreamweaver Sublime
HTML 模板介绍
![前端学习——Day01](https://img.it610.com/image/info8/cbbf709ff0e74e8c94c75cacb145536b.jpg)
文章图片
HTML常用标签
排版标签
文本格式化
图像标签
链接
相对路径
排版标签
- 标题标签
- 段落标签
- 水平线标签(单标签)
![前端学习——Day01](https://img.it610.com/image/info8/8c7bb637820d4ab99554945c95eee446.jpg)
文章图片
![前端学习——Day01](https://img.it610.com/image/info8/aa2e4e0bc8614316ac83ae18a217b517.jpg)
文章图片
- 换行标签(单标签)
- 和标签(没有语义)
用来布局,一行可以放多个span
文本格式化标签
![前端学习——Day01](https://img.it610.com/image/info8/934303728d234d79b2200cbc41d6a480.jpg)
文章图片
1.3 标签属性
1.4 图像标签img(重点)
![前端学习——Day01](https://img.it610.com/image/info8/0ccbaba4ad754fb4b5f9971032f93343.jpg)
文章图片
1.5 链接标签(重点)
![前端学习——Day01](https://img.it610.com/image/info8/6f62c71de6604e40ad874c713b802e5b.jpg)
文章图片
![前端学习——Day01](https://img.it610.com/image/info8/cb0a524ce15c48b79144d7db17803850.jpg)
文章图片
链接页面打开的方式
![前端学习——Day01](https://img.it610.com/image/info8/b431cda908c84115ad9435fe15a4f296.jpg)
文章图片
1.6 注释标签
注释有快捷键——按住ctrl键+?键或者ctrl键+/键
统一添加注释的方法在代码的上方
2 路径(难点、重点)
![前端学习——Day01](https://img.it610.com/image/info8/6244136f956e456fa232f915fbee7e17.jpg)
文章图片
目录文件夹——>根目录
路径分为绝对路径和相对路径
21 相对路径
同一级路径——直接写文件名
下一级路径——images/1.jpg
上一级路径——../images/1.jpg
![前端学习——Day01](https://img.it610.com/image/info8/f036413913c04a0b9111190d851900cb.jpg)
文章图片
![前端学习——Day01](https://img.it610.com/image/info8/d3c2581a60514316ac5a8280e71a9da8.jpg)
文章图片
2.2绝对路径
![前端学习——Day01](https://img.it610.com/image/info8/a50592a725d444f4b1ca4bbde2b03035.jpg)
文章图片
案例练习
圣诞老人主页面
圣诞的由来 - 锐客网
圣诞的那些事
1.圣诞是怎由来的
2.圣诞老人的由来
2.圣诞树的由来
圣诞是怎样由来的
圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节是基督教世界最大的节日,是耶稣耶稣的诞辰。一般认为12月25日作为圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节是基督教世界最大的节日。一般认为12月25日作为。
文章图片
圣诞老人的由来
圣诞节当然少不了圣诞老人圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节是基督教世界最大的节日。一般认为12月25日作为。
文章图片
相传在一千六百年前,相传在一千六百年前相传在一千六百年前相传在一千六百年前相传在一千六百年前相传在一千六百年前相传在一千六百年前相传在一千六百年前相传在一千六百年前相传在一千六百年前。
到一八二二年,由荷兰传教士将这位伟大的故事传到美国,到一八二二年,由荷兰传教士将这位伟大的故事传到美国到一八二二年,由荷兰传教士将这位伟大的故事传到美国到一八二二年,由荷兰传教士将这位伟大的故事传到美国到一八二二年,由荷兰传教士将这位伟大的故事传到美国。
文章图片
圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人圣诞老人
更多内容可以百度一下
文章图片
耶稣 Jesus - 锐客网
耶稣
耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。
文章图片
耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。
耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。耶稣(公元元年/前4年——公元30年),是基督宗教的核心人物。
圣诞老人 - 锐客网
圣诞老人
文章图片
圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节圣诞老人是圣诞节
3.1 瞄点
![前端学习——Day01](https://img.it610.com/image/info8/28701aa7c5824502bd7d6767b9ef0686.jpg)
文章图片
3.2 base标签
简化写target的次数,直接写
![前端学习——Day01](https://img.it610.com/image/info8/513889e9076747d9bb1aba0786e09946.jpg)
文章图片
![前端学习——Day01](https://img.it610.com/image/info8/7c2981125579440885adcac15b160914.jpg)
文章图片
3.3 预格式化文本pre标签
标签你在里面写什么效果就显示什么效果,但是比较少用,因为不好控制
![前端学习——Day01](https://img.it610.com/image/info8/f1ea25f3421a428d8d435b063df5a276.jpg)
文章图片
![前端学习——Day01](https://img.it610.com/image/info8/8c0c8f102cfc42b2afd7f4f88127d6ae.jpg)
文章图片
3.4 特殊字符
![前端学习——Day01](https://img.it610.com/image/info8/5dd6b48faaae4bf3ab18c34fcb7717f0.jpg)
文章图片
【前端学习——Day01】
推荐阅读
- CSS三栏布局方法
- 前端学习(十四)CSS 圆角边框代码
- 前端学习|【javascript】实现动画效果
- 自学前端—day 7
- 自学前端 day10
- 自学前端day 8
- 前端学习|回归前端学习第24天-实现俄罗斯方块小游戏7(实现单机版3—实现消行、更新方块、结束)
- 自学前端---day 3
- 前端学习之——js解析json数组