请选择 进入手机版 | 继续访问电脑版

12360技术网 - 专业IT技术发表平台

 立即注册  找回密码
查看: 7772|回复: 7

(前端学习)寒假第一周周报

[复制链接]

22

主题

31

帖子

285

积分

中级会员

Rank: 3Rank: 3

积分
285
发表于 2020-1-27 08:58:44 | 显示全部楼层 |阅读模式
了解了一下前端学习的路线,我有点震惊,学习的东西真的很多很多,如下:
原来css也只是准备工作,不禁感慨任重而道远

附带一张我HTML和css的视频学习进度

这周学习完了HTML和css中的属性和一部分选择器
HTML—给网页的内容添加语义,而不是改变样式

1.首先了解了五大浏览器
浏览器IEFirefox火狐chrome谷歌opera欧朋safarimac自带ps:我的认知水平仅限于知道它们的名字(惭愧)
2. 字符集:字符集合,将字符排序并标上序号
字符编码:规定标上序号的字符储存的方式
字符编码储存内容ASCII只储存了英文字母及字符GB2312储存了简体中文字符GBK储存了简体和繁体中文字符UNICODE分为UCS和UTF,其中UTF包括UTF-8,UTF-16,UTF-323.网页编写代码的格式:
  1.      Document   
复制代码
4.基础标签
标签作用H系列标签h1~h6 ,给文本定义标题p标签定义段落Hr标签显示分割线img标签插入图片a标签超链接,控制页面之间的跳转base标签统一超链接如何打开br标签定义换行title标签定义网站的标题注释< !- -内容- ->或者/**/锚点例如点击头部跳转到中部或者尾部假链接点击之后不会跳转练习:
5.列表

  • 有序列表(ordered list)
  1. [list=1]
  2. [*]需要显示的内容
  3. [/list]
复制代码

  • 无序列表(unordered list)(前面会有小圆点)
    例如新闻列表

  1. [list]
  2. [*]需要显示的内容
  3. [/list]
复制代码
eg:

效果图


  • 定义列表
例如京东网站尾部的信息

eg:

  1. //定义列表中的标题//定义标题下的内容
复制代码
6.表格标签

  • 格式:
  1. [table]        [tr]//行                [td]显示的内容[/td]//小格        [/tr][/table]
复制代码

  • 细线表格
  1. [table][tr][td]内容[/td][/tr][/table]
复制代码

  • 单元格合并
    1.竖直方向
  1. [td=2,1][/td]
复制代码
2.水平方向
  1. [td=1,2][/td]
复制代码

效果

6.表单标签

  • 格式:
  1.        
复制代码

  • 常见的表单标签
    1.input标签
    2.Label标签
    3.datalist标签
    4.select标签
    5.textarea标签
    6.video标签
    7.audio标签
    8.marquee标签
    9.详情概要标签
    10.字符实体
    字符实体:在HTML中对空格,回车,Tab不敏感,会把多个当成一个来处理,&nbsp=一个空格,&lt=,&copy=©(版权符号)
    下面用到1,2,3,4,5标签常用的属性和值做了一个简单的注册界面,代码如下


    效果图:


    video标签的使用(插入视频)

(国超太帅了呜呜)

8,9标签的演示:
8标签默认状况下是折叠,marquee标签的话,类似于跑马灯

效果如下:


CSS–修改网页的样式
笔记分享(╹▽╹)(其实我是懒,再写下去的话我人就没了,嘘)







写周报太难了呜呜┭┮﹏┭┮头大
                                                                                                                                       
                                                    
  • 点赞                        16                        
  • 收藏                        
  • 分享                                                                                                                        
  •                                                         
                                      
    • 文章举报                           
                                                
                                                                        
                                            
                                                        Vevean2545116309                                                                发布了15 篇原创文章 · 获赞 18 · 访问量 6132                                                                                            私信                                                            关注
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x




上一篇:require.js模块化开发
下一篇:maven安装与配置
回复

使用道具 举报

0

主题

26

帖子

556

积分

高级会员

Rank: 4

积分
556
发表于 2020-1-28 18:06:38 | 显示全部楼层
楼主太厉害了!楼主,I*老*虎*U![www.12360.co]
回复

使用道具 举报

0

主题

24

帖子

514

积分

高级会员

Rank: 4

积分
514
发表于 2020-2-5 13:24:00 | 显示全部楼层
这东西我收了!谢谢楼主![www.12360.co]
回复

使用道具 举报

0

主题

7

帖子

157

积分

注册会员

Rank: 2

积分
157
发表于 2020-2-6 02:23:43 | 显示全部楼层
楼主,我太崇拜你了![www.12360.co]
社区不能没有像楼主这样的人才啊!
回复

使用道具 举报

0

主题

15

帖子

325

积分

中级会员

Rank: 3Rank: 3

积分
325
发表于 2020-2-9 04:31:54 | 显示全部楼层
楼主,大恩不言谢了![www.12360.co]
回复

使用道具 举报

19

主题

34

帖子

382

积分

中级会员

Rank: 3Rank: 3

积分
382
发表于 2020-2-11 00:42:04 | 显示全部楼层
既然你诚信诚意的推荐了,那我就勉为其难的看看吧![www.12360.co]
回复

使用道具 举报

0

主题

22

帖子

472

积分

中级会员

Rank: 3Rank: 3

积分
472
发表于 2020-2-20 07:11:40 | 显示全部楼层
感谢楼主的无私分享![www.12360.co]
回复

使用道具 举报

0

主题

24

帖子

514

积分

高级会员

Rank: 4

积分
514
发表于 4 天前 | 显示全部楼层
我看不错噢 谢谢楼主![www.12360.co]
回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

12360技术网

GMT+8, 2020-2-29 21:37 , Processed in 0.102720 second(s), 41 queries .

本网站内容收集于互联网,Www.12360.Co不承担任何由于内容的合法性及健康性所引起的争议和法律责任。 欢迎大家对网站内容侵犯版权等不合法和不健康行为进行监督和举报。

© 2019-2020 Www.12360.Co

快速回复 返回顶部 返回列表