201 HTML

学习目标

掌握HTML中的核心概念和常用标签,并能够使用HTML制作一些难度普通的页面。

学习内容:

  • 可以正确设置html的字符串,显示中文
    清楚html中常用tag的用法,如
    div, span
    ul, ol
    a, img
    form, button, 各种input
    table
    h1, h2, h3
    pre
    em, i

  • 清楚ulol之间的区别,知道什么时候用哪个

  • 清楚divspan之间的区别,知道什么时候用哪个

资源与工具:

  • html在线验证: (该网站上还有很多别的工具)
    http://www.freeformatter.com/html-validator.html
  • html在线格式化代码:
    http://www.cleancss.com/html-beautify/
  • W3School上的HTML基础教程:
    http://www.w3school.com.cn/html/index.asp
  • Html5新特性(了解即可):
    http://www.w3school.com.cn/html5/index.asp
  • CodeForDream上提供的HTML课程:
    http://www.codefordream.com/courses/html_basic/sections

作业与练习:

写一篇博客详细说明下面这个列表是如何实现的:http://www.jianshu.com/p/d1a2d3b740a7

0_1479545486397_upload-d1b85b47-11f2-4174-92d0-52876a77e808

写一篇博客详细说明以下表格是如何实现的:http://www.jianshu.com/p/821e8f27620d

0_1479544895949_upload-9102d3f5-89ae-49b7-943e-0deb84b6ef38

使用纯html实现考试页面(不使用任何css/js),使用正确合适的标签做出如下的页面效果。内容需要完全一样,但页面样式仅供参考:
http://www.jianshu.com/p/9ca7516721ee

0_1478336690141_upload-52892187-ce37-4e8b-b04d-c1012d56106c

你可能感兴趣的:(201 HTML)