百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

排序
  • 发布时间
  • 浏览量
  • 点赞数
  • 我的前端之旅-Day 22018-04-27 13:28

    Day 2 的主要目标就是通过自己制作一个在线简历理解 什么是HTML和HTML5, 学习HTML的标签以及理解HTML语义化。 那么在今天的笔记里我就尝试回答课程最后提到的几个问题。 首先,我先在这里罗列出问题 HTML是什么,HTML5是什么 HTML元素标签、属性都是什么概念? 文档类型是什么概念,起什么作用? meta标签都用来做什么的? Web语义化是什么,是为了解决什么问题 链接是什么概念,对应什么标签? 常用标签都有哪些,都适合用在什么场景 表单标签都有哪些,对应着什么功能,都有哪些属性 ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方,举个例子 现在…

    821次浏览215评论
  • HTML标签语义化2018-04-26 20:58

    <!-- 日期、学习用时、学习目标、是否达成 --> 2018.04.25|用时3.5H|HTML标签|尚未达成 HTML头部 head 头部容器,以下头部标签都放在这里 title 必需,定义网页在浏览器工具栏、收藏、搜索引擎中结果的标题 base 为页面上所有链接规定默认地址或目标<base href="xx">|<base target="_blank"> link 文档于外部资源的关系,常用于连接样式表 style script meta name/http-equiv/charset name和content成对出现,定义页面的表述、关键字、文档…

    577次浏览11评论
  • 1. HTML是什么,HTML5是什么? HTML是超文本标记语言,html5是html的最新标准。 2. HTML元素、标签、属性都是什么概念? (1) 元素:HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。HTML 文档是由 HTML 元素定义的。元素的内容是开始标签与结束标签之间的内容,某些 HTML 元素具有空内容(empty content)。空元素在开始标签中进行关闭(以开始标签的结束而结束),大多数 HTML 元素可拥有属性。(2) 标签:标签就是<head>、<body>、<table>等被尖括号“…

    1578次浏览102评论
  • 虽然从大一开始到现在已经学了两年的iOS,也上架了几款APP,发现现在经常使用js与web交互(入门水平),现在来系统学下前端,其实也是挺有趣的。笔记啥的粗略写下,实际原因是课业挺紧的,基本晚上抽空来看看。 HTML是什么,HTML5是什么 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML5 HTML5 是最新的 HTML 标准。 HTML5 是专门为承载丰富的 web …

    448次浏览71评论
  • HTML入门2018-04-25 22:38

    2018年4月25日今天是在百度前端技术学院学习的第二天,刚做这个任务时,自己刚刚学完了HTML的语法,编码的时候才发现,之前学过的各种元素,标签,语法都不知道如何去相互组合使用,因为任务里没有给出样图,所以只能去网上找一份简洁的简历去试着做了一下,真是做下来,一路磕磕碰碰的,编程真的是需要多实践啊。 对之前学过的HTML进行巩固一下有些概念性的内容我简洁的去说明一下1, 首先我们既然学了HTML,就要知道什么是HTML?HTML,超文本标记语言,就是做web前端必不可少的一门标记语言(注意哦,不是编程语言,是标记语言)而HTML作为一种编程语言,每几年都要进行一次修改来指定标准,而HM…

    364次浏览00评论
  • 课后问题回答2018-04-25 22:37

    HTML是什么,HTML5是什么? html是超文本标记语言,h5是html的最新标准 HTML元素标签、属性都是什么概念?HTML元素标签是由<>包裹的关键词,通常成对出现(开始和闭合),比如 <h1></h1> <p></p> ;也有单个出现比如 <img> <br>记得使用小写字母属性提供了有关元素的更多信息,写在开始标签中,通常形式为名称加上值id="a" 文档类型是什么概念,起什么作用?html文档就是网页,包含标签和内容,用来描述网页内容 meta标签都用来做什么的? <meta> 元…

    390次浏览11评论
  • 第二天:HTML语义化2018-04-25 22:02

    HTML是什么,HTML5是什么 HTML 指的是超文本标记语言 (Hyper Text Markup Language),而H5是HTML标准规范的第五次修改版。 HTML元素标签、属性都是什么概念? HTML元素标签是用来解释标签内的内容从而解释和构建页面的内容的手段。属性是为元素标签提供附加信息的手段。 文档类型是什么概念,起什么作用? 文档类型即常见的 !DOCTYPE ,是用来声明并帮助浏览器正确识别网页。因为HTML发展至今有许多的不同版本,所以声明不同的文档类型可以让浏览器完全正确地显示出 HTML 页面。 meta标签都用来做什么的? meta元素位于文档的头部,可…

    219次浏览10评论
  • IFE学习第二天 2018.4.25 从mark里复制过来的,格式有点点乱+-+虽然以前看过语义化标签,但是还是感觉收获满满,仿佛打开了新世界的大门(/笑哭.jpg) 作业(简历) 学习时间:早上10:00 - 14:00 晚上19:30 - 20:35 元数据metadata: metadata元数据定义 元数据,又称元数据、中介数据、中继数据,为描述数据的数据,主要是描述数据属性的信息,用来支持如指示存储位置、历史数据、资源查找、文件纪录等功能。元数据算是一种电子式目录,为了达到编制目录的目的,必须在描述并收藏数据的内容或特色,进而达成协助数据检索的目的。 <title&…

    249次浏览42评论
  • HTML是什么,HTML5是什么 HTML(超文本标记语言Hyper Text Markup Language)是一种描述网页的标记语言HTML5是最新的HTML标准,拥有新的元素,更丰富的内容,更强大的适配性 HTML元素标签、属性都是什么概念? HTML元素标签组成了HTML文档,指的是在开始标签和结束标签之间的所有内容HTML属性为HTML标签提供了更多的信息 文档类型是什么概念,起什么作用? DOCTYPE 文档类型,用来说明所用html的类型,指出应该用什么规则去解释文档 meta标签都用来做什么的? 提供有关页面的元信息,常用于定义页面的说明,关键字,最后修…

    278次浏览00评论
  • 容易忽略的关于语义化 全局元素 常见的全局元素: class lang id 标示符 (用于引用),不应依赖其语义处理相应元素 title 链接 - 描述目标信息 图片 - 版权 / 描述 引用 - 来源信息 交互元素 - 操作指南 ... 什么是交互元素: 内容交互元素:<details>和<summery>元素,用于标题、细节和内容的交互显示。 标题是可见的,用户点击标题时,会显示出 details。 栗子: 点击右三角: (只有谷歌和safari6支持) 栗子2: 在 detail标签内添加 ‘open’属性,默认details是可见的。 <de…

    240次浏览-10评论
  • IFE2018 基础学院 笔记(二) 标签(空格分隔): 前端 ###课程目标 更加清楚地了解HTML是什么,HTML5是什么;理解HTML语义化的概念 总用时:5小时 Web语义化 什么是语义化?简单来说就算是让机器读懂内容;就是使用语义合适的标签,让页面有良好的结构,能够让人和搜索引擎都容易理解的。 HTML 语义化 在web语义化中,Html也有语义化(内容语义化,代码语义化,其实也就说开发html文档得遵守规范。常见的几个标签有标题(H1~H6)、列表(li)、表格(table)、强调(strong,em),HTML5中新增的header,nav,aside,setion,,art…

    191次浏览41评论
  • 每天增加一点新知识,对前端多一点新认识 Web语义化 浏览器和W3C组织推出的如h1~h6、ul、ol的HTML标签,用于在Web页面中组织对应的内容,如网页标题、无序、有序列表,以达到更方便的协作及传播互联网内容。搜索引擎很好的利用了这些语义化标签抓取内容,又鉴于搜索引擎的巨大流量推荐,Web前端不得不考虑SEO,从而两者实现有益的循环,共同推进着语义化标签的使用。 但Web的发展超乎想象,起初定义的HTML语义化标签,不足以实现对Web页面各个部分的功能或位置描述,所以Web前端人员利用HTML标签的id和class属性,进一步对HTML标签进行描述,如对页脚HTML标签添加如id="fo…

    292次浏览00评论
  • 要理解 HTML,我觉得最好的办法就是从起源开始入手,它是怎么诞生的?为什么会诞生?为了弄清这个问题,让我们看下面的故事,并从头开始设计一个书籍记标记语言(BML)吧。 (以下故事纯属虚构,如有雷同纯属巧合) 标记语言(Markup Language) 首先,场景是这样的,出版社A想储存书籍的完整数据,但他们只想用文本格式保存。很简单,我们只需要把整本书的内容转成字符串保存就好了 我是一本书 张三 目录 第一章 第二章 第三章 第一章 文本文本文本 第二章 文本文本文本 ……………… 但是这样做很多问题,首先就是不方便用于检索,例如,我想找第二章的内容,那我要怎么去匹配文本呢? 考虑到这个问题…

    4972次浏览19628评论
  • 什么是HTML语义化 说HTML语义化就要先说说HTML到底负责的什么?下面摘自维基百科: 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。关于对于语义化的理解顾轶灵:如何理解 Web 语义化?这里讲的很清楚了我就简单说一下我的理解:通俗的来讲就是从代码上来展示页面的结构,而不是从最终视觉上来展示结构。单纯的HTML代码是不带任何样式的只是用来…

    2080次浏览6614评论
  • day02 一些问题2018-04-25 15:31

    1.什么是HTML,HTML5?HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language),记住是标记语言,并不是编程语言,HTML5则是对html的第五次修订,是最新的 HTML 标准。HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件。2.<!DOCTYPE html><!DOCTYPE html>并不是HTML标签,它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。3.meta标签都用来做什么的? <meta> 标签提供关于 HTML 文档的元数据。它…

    327次浏览30评论
  • 第二天笔记2018-04-25 15:10

    2018.4.25 爱上前端,用技术带给用户最优美的体验。 学习用时:5小时学习目标:零基础学院 - 第二天目标是否达成:已达成 1、HTML是什么,HTML5是什么 答:HTML 指的是超文本标记语言 (Hyper Text Markup Language)。 HTML5是最新的HTML标准,拥有更丰富的语义、图形以及多媒体元素等内容。 2、HTML元素标签、属性都是什么概念? 答:HTML不是编程语言,是标记语言,所以要使用标记标签来描述网页。 属性是用来提供HTML标签更多的信息。 3、文档类型是什么概念,起什么作用? 答:在互联网上有许多不同的文档,只有了解文…

    3276次浏览16315评论