学习目标
掌握HTML中的核心概念和常用标签,并能够使用HTML制作一些难度普通的页面。
学习内容:
-
可以正确设置html的字符串,显示中文
清楚html中常用tag的用法,如
div, span
ul, ol
a, img
form, button, 各种input
table
h1, h2, h3
pre
em, i
-
清楚
ul
与ol
之间的区别,知道什么时候用哪个 -
清楚
div
与span
之间的区别,知道什么时候用哪个
资源与工具:
- 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
使用纯html实现考试页面(不使用任何css/js),使用正确合适的标签做出如下的页面效果。内容需要完全一样,但页面样式仅供参考:
http://www.jianshu.com/p/9ca7516721ee
网友评论