任务链接:http://ife.baidu.com/course/detail/id/36?t=1525867970850#learn
今天的任务是在codepen上用html写的一个简历,内容还是非常简单的,但是内容还可以进一步的深入研究。
代码链接:https://codepen.io/lxylxylxys/pen/rvJwzE
大三找实习中,所以信息真实的,虽然很菜,希望有大牛可以指导一下。
转到正题,回答问题:*灰色字体为查找资料后补充
- HTML是什么,HTML5是什么
HTML超文本标记语言,主要负责网页的结构,通过标签来构建网页结构。HTML5是HTML的最新版本,相比于HTML,H5增加了一些新的标签:如header,nav,footer,article,aside...还增加了canvas(画布),可以实现绘图功能。HTML5对于语义化有很大帮助。
是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
HTML5 中的一些有趣的新特性:
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素,比如 article、footer、header、nav、section
- 新的表单控件,比如 calendar、date、time、email、url、search
- HTML元素标签、属性都是什么概念?
HTML标签是指括起内容的东西,如<h1></h1>,<p></p>...,属性是指标签的属性<input type="text"></input>中type即为属性type="text"为属性。
标签指的是单个,如<p>,元素由一个开始的标签和结束的标签组成,用来包含某些内容,
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。
<a href="http://www.w3school.com.cn">This is a link</a>
- 文档类型是什么概念,起什么作用?
文档类型指的是 !DOCTYPE 在html文件开头声明,用于说明这个html文件用的是什么标准解析,doctype指的是html5.
声明帮助浏览器正确地显示网页,HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
- meta标签都用来做什么的?
meta标签用于在htm头部声明,如编码的方法 <meta charset="utf-8">
以及插入关键词<meta name="keywords" content="">
文档描述 <meta name="description" content="">
META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。
- Web语义化是什么,是为了解决什么问题
- 链接是什么概念,对应什么标签?
链接用来引入外部文件,如css js文件对于与link<link href="c:/a/b" rel="stylesheet"></link>
<a href="url">Link text</a>
- 常用标签都有哪些,都适合用在什么场景
常用的标签主要有h1-h6对应六级标题,a: 超链接,p:段落,ul:无序列表,ol:有序列表,div:块元素,img:图片....
- 表单标签都有哪些,对应着什么功能,都有哪些属性
表单标签有<tr><td>
<input type="text"> <input type="password"> <input type="radio"> <input type="checkbox">
<input type="submit"> http://www.runoob.com/html/html-forms.html
- ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方,举个例子
ol是有序列表,ol包含的li会有序号标注,用于分条列举的部分。
ul是无序列表,应用范围更加广泛,可用于导航栏等部分
dl内容块
dt内容块的标题
dd内容
可以这么写:
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
写下来发现还是有很多不扎实的地方,接着努力吧!