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

IFE 基础学院 第二天

作者蔡晓阳课程第二天:给自己做一个在线简历吧542次浏览82018-04-25 22:53

虽然从大一开始到现在已经学了两年的iOS,也上架了几款APP,发现现在经常使用js与web交互(入门水平),现在来系统学下前端,其实也是挺有趣的。笔记啥的粗略写下,实际原因是课业挺紧的,基本晚上抽空来看看。

HTML是什么,HTML5是什么

HTML

  1. HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  2. HTML 不是一种编程语言,而是一种标记语言 (markup language)
  3. 标记语言是一套标记标签 (markup tag)
  4. HTML 使用标记标签来描述网页

HTML5

  1. HTML5 是最新的 HTML 标准。
  2. HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件。
  3. HTML5 拥有新的语义、图形以及多媒体元素。
  4. HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。
  5. HTML5 是跨平台的,被设计为在不同类型的硬件(PC、平板、手机、电视机等等)之上运行。

HTML元素标签、属性都是什么概念?

标签

  1. HTML 标签是由尖括号包围的关键词,比如 <html>
  2. HTML 标签通常是成对出现的,比如 <b> 和 </b>
  3. 标签对中的第一个标签是开始标签,第二个标签是结束标签
  4. 开始和结束标签也被称为开放标签和闭合标签

属性

  1. HTML 标签可以拥有属性,属性提供了有关 HTML 元素的更多的信息。
  2. 属性总是以名称/值对的形式出现,比如:name="value"。
  3. 属性总是在 HTML 元素的开始标签中规定。

文档类型是什么概念,起什么作用?

概念

DOCTYPE是document type(文档类型)的简写,用来说明web设计中所用的html或xhtml的类型,指出浏览器或者其他阅读程序按照什么样的规则(W3C所发布的一个文档类型定义即DTD)集去解释文档中的标记。
文档类型定义(Document Type Definition) DTD

作用

DOCTYPE使浏览器按照dtd指定的渲染方式对页面进行渲染

meta标签都用来做什么的?

meta标签是HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。

Web语义化是什么,是为了解决什么问题

让机器可以读懂内容

链接是什么概念,对应什么标签?

概念

超链接(连接)可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

标签

我们通过使用 <a> 标签在 HTML 中创建链接。
有两种使用 <a> 标签的方式:

  1. 通过使用 href 属性 - 创建指向另一个文档的链接
  2. 通过使用 name 属性 - 创建文档内的书签

常用标签都有哪些,都适合用在什么场景

  1. <h1> ~ <h6> 用来显示标题,其中<h1> 定义最大的标题,<h6> 定义最小的标题。
  2. <p> 用来显示段落。
  3. <hr/> 用来显示水平线,分割内容。
  4. <br/> 用来换行。
  5. <img> 用来显示图像,属性src用来定义图像的URL地址。
  6. <a> 用来定义超链接,其中属性href创建指向另一个文档的链接,name创建文档内的书签。
  7. <b> 定义粗体文本。
  8. <big> 定义大号字。
  9. <em> 定义着重文字。
  10. <i> 定义斜体字。
  11. <small> 定义小号字。
  12. <strong> 定义加重语气。
  13. <code> 定义计算机代码。
  14. <blockquote> 定义长的引用。
  15. <q> 定义短的引用语。
  16. <div> 块级元素,它是可用于组合其他 HTML 元素的容器。
  17. <span> 元素是内联元素,可用作文本的容器。

表单标签都有哪些,对应着什么功能,都有哪些属性

<form> 用于收集用户输入,用来包裹<input>

属性 功能
name 识别表单的名称
action 定义在提交表单时执行的动作
method 规定在提交表单时所用的 HTTP 方法(GET、POST)
target 规定 action 属性中地址的目标

<input> 根据不同的 type 属性,功能也不同

type 功能 属性
Text 定义常规文本输入
radio 定义单选按钮输入(选择多个选择之一) check
submit 定义提交按钮(提交表单)
select 下拉列表(包裹option)
textarea 定义多行输入字段 rows、cols
button 定义可点击的按钮 onclick
password 密码字段
checkbox 复选框
属性 功能
name <input>的名称
value <input>的值

ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方,举个例子

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于 <ul> 标签。每个列表项始于 <li>。
比如:
● a
● b
● c

有序列表

有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
比如:

  1. a
  2. b
  3. c

自定义定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
比如:

<dl>
<dt>a</dt>
<dd>bk</dd>
<dt>a</dt>
<dd>b</dd>
</dl>
a
    b
a
    b
1条评论