ife 第二天 关于HTML的一些内容

任务链接: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语义化是什么,是为了解决什么问题
        web语义化是给标签赋予含义,让html文件具有可读性,减少使用span,div等没有语义的标签。方便机器理解,方便人理解。详见:https://www.zhihu.com/question/20455165
  • 链接是什么概念,对应什么标签?

         链接用来引入外部文件,如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>

写下来发现还是有很多不扎实的地方,接着努力吧!


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章