前端小白的学习之路2019.10.14

距离踏入这个培训班已经过去了一周的时间,在这段时间里,通过跟随老师的讲解和自我总结出一周心得对我的学习能起到一个承上启下的作用。


首先这一周最开始学习了计算机基础内容,其中包括:互联网历史、应用、结构;cmd命令;产品研发流程;快捷键;各类网络协议(前端接触最多的是ip、tcp、http这三个协议);网络安全;二进制;常用工具(xmind、viso、墨刀、ps、office);编程语言通用语法(变量、条件选择、运算符、数据类型、循环重复、方法这些是通用的);visual编辑器等等。



然后就是html的内容:HTML的本质是一种超文本标记语言(Hyper Text Markup Language)。由一套标记标签组成(markup tag),使用标记标签来描述网页,标签的组成包括标签名、属性名、属性值、和内容。包括各类型标签(文本标签,超链接标签,图片标签,表格标签,表单标签,列表标签和音视频标签等)。在编写html标签代码过程中,注意行内标签、块级标签、行内块标签的区别,并对一些重要的细分属性多加记忆和理解对于编写高语义化的代码是有帮助的,比如同样是表单,有账号框和密码框之分,账号框要注明type是text,name要注明Account number,以及需要时注明value值,placeholder值,或者required(必填项)、autofocus(自动聚焦该选项)、Disabled(禁用选项)等等这些,都能提升代码的可读性和语义化。


此外在对于页面内嵌套inframe时,区分_parent (表示在框架的父级打开页面或文件)、_top 在框架的最顶层打开新的页面或文件(若包含多个框架的嵌套)、_blank: 在一个新的浏览器窗口或标签页中打开页面或文件、_self: 在当前浏览器窗口打开页面或文件这四种情况的用法。


对于H5中表单部分增加的新标签:email  用于应该包含“e-mail"地址的输入框、url 用于应该包含“URL"地址的输入框、search 用于应该包含“搜索内容"的输入框、number 用于应该包含“数值"的输入控件、tel 规定显示的类型为“电话号码"的输入框、range 规定显示的类型为“数值选择范围"选择控件、color规定显示的类型为“颜色"选择控件。

以及autocomplete规定是否启用表单的自动完成功能,novalidate="novalidate"如果使用该属性,则提交表单时不进行html5自带的验证。

此外,对于html布局的处理方式可以编写在table标签中更加语义化、布局更加直接规整,也可以编写在div内更便于调试css样式,这部分内容在之后学css层叠样式表时还会接触更多。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,166评论 0 0
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Kazusa_阅读 881评论 0 4
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,359评论 1 41
  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 845评论 0 4
  • 001:世界就是味道 一出生,敏感期就开始啦,孩子与生俱来的吮吸就是认识这个世界的开始。 002:宝贝,你的玩具呢...
    贝拉贝拉2阅读 1,178评论 0 0