目标
掌握HTML基本语法,了解HTML Document结构,能熟练使用HTML Element对象。
要点
- 基本概念:什么是HTML、HTML标签?
- 熟悉常用的HTML标签含义以及应用场合。
- html, head, title, link, script, style, meta, body
- 块级布局元素(block):
- div
- p
- ul, ol, li
- br
- h1, h2, h3, h4, h5, h6
- hr
- 行内布局元素(inline):
- span
- a
- table, tr, td, caption, th, thead, tbody
- image
- 表单元素:
- form
- action, method属性的作用
- post, get的含义和区别
- input
- textarea
- label
- select, option, optgroup
- 框架(frame)元素: iframe, frame, frameset
- !DOCTYPE的作用,有几种写法以及不同。
-
牢记一点:根据标签语义来选择标签,切记不可为了达到某种展示效果,而选择一个语义与展示内容不相关的标签。这也是在学习上面元素时,大家需要关注它们的语义,也就是使用场合。
举个例子,比如在做一个导航栏类似的东西,我们会选择使用ul,ol和li,在展现一个表格类型的数据时,大部分情况会选择table,展现内容是一个段落,我们会优先考虑p标签。在展现一段文本时,不要为了实现文本字体加粗加大效果而去使用h1~h6标签,这个标签是使用在标题内容上的。
参考资源
- W3School
HTML学习要点
原文:http://www.cnblogs.com/liontone/p/5022442.html