【IFE】Day 2 – 百度前端技术学院 基础学院 学习笔记(二)

这是 在百度前端技术学院学习的第二天 共六十六天

课程目标

  • 通过简单的实践,更加清楚地了解HTML是什么,HTML5是什么。学习基本的HTML标签,理解HTML语义化概念

//TODO

  1. 在CodePen完成一份简单的个人简历 ✔
  2. 将这份简历同步到个人网站上 ✔
  3. 简历地址

Q & A

Q : HTML是什么,HTML5是什么 A : HTML是超文本标记语言 HyperText Mark-up Language,HTML5是超文本标记语言(HTML)的第五次重大修改,在2014年推出,拥有更丰富的语义、图形以及多媒体元素等内容。

Q : HTML元素标签、属性都是什么概念? A : 1. HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。 2. HTML元素标签标签就是被尖括号“<”和“>”包起来的对象,绝大部分的标签都是成对出现的. 3. 为HTML元素提供各种附加信息的就是HTML属性,它总是以”属性名=属性值”这种名值对的形式出现,而且属性总是在HTML元素的开始标签中进行定义.

Q : 文档类型是什么概念,起什么作用? A : 文档类型定义(DTD),决定了采用哪一种方式进行渲染,在HTML 4,有 Strict , Transitional,Frameset 三种声明方式,而在HTML 5 只需要写上即可

Q : meta标签都用来做什么的? A : META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。

Q : Web语义化是什么,是为了解决什么问题? A : HTML的每个标签都有其特定含义(语义),Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解

Q : 链接是什么概念,对应什么标签? A : HTML a 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

Q : 常用标签都有哪些,都适合用在什么场景? A : 1. body:在网页上要展示出来的页面内容一定要放在body标签中 2. p:如果想在网页上显示文章,这时就需要p标签了,把文章的段落放到p标签中。标签的默认样式,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。 3. span:标签是没有语义的,它的作用就是为了设置单独的样式用的。 4. br:在需要加回车换行的地方加入br,br标签作用相当于word文档中的回车。在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入br。没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有br、hr和img。 5. div:在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个div标签中,这个div标签的作用就相当于一个容器。什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。用id属性来为div提供唯一的名称,必须唯一。

Q : 表单标签都有哪些,对应着什么功能,都有哪些属性? A : 1. form:可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。form method=”传送方式” action=”服务器文件” . form标签是成对出现的,以form开始,以/form结束。action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。method : 数据传送的方式(get/post)。所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在标签之间 2. input:当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。input type=”text/password” name=”名称” value=”文本” / 当type=”text”时,输入框为文本输入框;当type=”password”时, 输入框为密码输入框。name:为文本框命名,以备后台程序ASP 、PHP使用。value:为文本输入框设置默认值。(一般起到提示作用) 3. textarea:当用户需要在表单中输入大段文字时,需要用到文本输入域。textarea rows=”行数” cols=”列数” 文本 /textarea rows :多行输入域的行数。cols :多行输入域的列数。在textarea /textarea 标签之间可以输入默认值。 4. radio/checkbox:使用单选框、复选框,让用户选择,input type=”radio/checkbox” value=”值” name=”名称” checked=”checked”/> 当 type=”radio” 时,控件为单选框,当 type=”checkbox” 时,控件为复选框,value:提交数据到服务器的值(后台程序PHP使用),name:为控件命名,以备后台程序 ASP、PHP 使用,checked:当设置 checked=”checked” 时,该选项被默认选中,同一组的单选按钮,name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。 5. submit:使用提交按钮,提交数据,input type=”submit” value=”提交”> type:只有当type值设置为submit时,按钮才有提交作用,value:按钮上显示的文字

Q : ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方,举个例子 A : ol、ul、li适用无描述的列表。例如:新闻展示页面,一共N条新闻,点进去可浏览详情。 dl、dd、dt适用有描述的列表 例如:简历页面,介绍自己的信息、年龄、住址等。

总结

通过简单的完成简历 对HTML有入门的认识

2018/04/26 针针

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏青玉伏案

窥探Swift编程之错误处理与异常抛出

在Swift 2.0版本中,Swift语言对其错误处理进行了新的设计,当然了,重新设计后的结果使得该错误处理系统用起来更爽。今天博客的主题就是系统的搞一下Swi...

1755
来自专栏blackheart的专栏

MSBuild入门(续)

MSBuild基本概念(续) 在上一篇简单的介绍了下MSBuild中的四个基本块,每块介绍比较单薄,在这里对在大多数的项目模版生成的*.*proj文件中比较常见...

1879
来自专栏york技术分享

awk 使用教程 - 通读篇(30分钟入门)

很多刚接触awk,sed等命令时,看到帮助文档一堆参数,一堆符号感觉有点慌,我刚开始学习时也出现过这样的问题,这篇文章从我们工作遇到的问题出发,由浅入深,重点在...

56717
来自专栏小灰灰

Shell学习笔记

1. 变量 声明变量 以 a-zA-Z 开头,不包含特殊字符 等号两边没有空格 不与保留字符重名 PATH="/user/yihui" 使用 变量前加 $ 符号...

17610
来自专栏JetpropelledSnake

Django学习笔记之Django Form表单详解

这是一个非常简单的表单。实际应用中,一个表单可能包含几十上百个字段,其中大部分需要预填充,而且我们预料到用户将来回编辑-提交几次才能完成操作。

441
来自专栏从零开始学自动化测试

python接口自动化3-自动发帖(session)

前言 上一篇模拟登录博客园,但这只是第一步,一般登录后,还会有其它的操作,如发帖,评论等,这时候如何保持会话呢? 一、session简介 1.查看帮助文档...

2523
来自专栏python成长之路

文件常用操作

1469
来自专栏企鹅号快讯

看完这篇文章我知道至少85%的人是没有入门Python的!花两周整理

以前刚学编程的时候就对Python略有耳闻,不过学校只有C,C++,Java,C#。和PHP有句"PHP是最好的语言" 这种家喻户晓的骚话一样,Python也有...

2247
来自专栏salesforce零基础学习

salesforce lightning零基础学习(三) 表达式的!(绑定表达式)与 #(非绑定表达式)

在salesforce的classic中,我们使用{!expresion}在前台页面展示信息,在lightning中,上一篇我们也提及了,如果展示attribu...

810
来自专栏魂祭心

原 c#中闭包的实现方法

2676

扫码关注云+社区