ife 2 day html标签的应用

任务描述

今天我们先暂时不用第一天让你安装的IDE,我们先暂时使用 codepen 作为我们的开发工具,打开 codepen,创建一个新的页面(Create->New Pen)。它有三个代码编写的窗口,分别是HTML,CSS,JS,下方是一个预览效果的窗口。我们今天只会涉及到 HTMLCSS

然后我们在 HTML 窗口中开始输入一些内容吧,我们假设现在要为自己创建一个在线简历,那简历都包含什么呢?给一些参考:

  • 包括“简历”两个字
  • 你的姓名,有可能只有姓名,有可能是 姓名:张三 这样的模式
  • 你的各种联系方式,比如:手机:18600000000,邮箱:[email protected]
  • 你的学历,比如:本科:百度前端学院
  • 项目经验,比如:项目A:项目时间:2017.1-2017.8,项目描述:在项目A中负责了xxxxx

验证

来最后小验证一下,你是否能流畅地回答以下问题:

  • HTML是什么,HTML5是什么。
  • HTML元素标签、属性都是什么概念?标签是定义的根本,属性可能定义了标签的表现形式,可能绑定了id,还可能给标签内容添加样式。
  • 文档类型是什么概念,起什么作用?定义了文档的编写标准,制定了浏览器渲染的方式。
  • meta标签都用来做什么的?页面信息的定义位置。
  • Web语义化是什么,是为了解决什么问题。方便理解,方便人和计算机理解。
  • 链接是什么概念,对应什么标签?指向网页之外的资源。
  • 常用标签都有哪些,都适合用在什么场景。链接a,段落p,容器div,节section,标题header,页脚footer,h1-h6等。
  • 表单标签都有哪些,对应着什么功能,都有哪些属性
  • ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方:举个例子。列表、定义列表,现在看,用在简历当中正好!

不知道验证完了是兴高采烈充满自信,还是觉得前面白学了?两种结果都是有价值的,发现还有不会的地方,就再重新去看材料吧。

今天学习消耗一个小时,对meta标签了解不够透彻。

ul li应该在简历的各个条目这个环节使用。当然dl dt dd用在这个环节更好。

<dl>
    <dt>联系方式</dt>
    <dd>手机:18800000000</dd>
    <dd>电子邮件:[email protected]</dd>
    <dd>主页:www.00xxxx.com</dd>
</dl>

猜你喜欢

转载自www.cnblogs.com/nulixuexipython/p/10217874.html
今日推荐