HTML学习要点
2024-10-20 01:42:05
目标
掌握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
- 各种不同type对应元素的含义及应用场合
- textarea
- label
- select, option, optgroup
- form
- 框架(frame)元素: iframe, frame, frameset
- !DOCTYPE的作用,有几种写法以及不同。
牢记一点:根据标签语义来选择标签,切记不可为了达到某种展示效果,而选择一个语义与展示内容不相关的标签。这也是在学习上面元素时,大家需要关注它们的语义,也就是使用场合。
举个例子,比如在做一个导航栏类似的东西,我们会选择使用ul,ol和li,在展现一个表格类型的数据时,大部分情况会选择table,展现内容是一个段落,我们会优先考虑p标签。在展现一段文本时,不要为了实现文本字体加粗加大效果而去使用h1~h6标签,这个标签是使用在标题内容上的。
参考资源
最新文章
- cvc-complex-type.2.4.c: The matching wildcard is strict, but no declaration can be found for element 'mvc:annotation-driven'.
- windows自带FTP开启后,浏览器打不开的问题
- 快递查询SDK
- BZOJ1036[ZJOI2008]树的统计Count 题解
- Android Glide数据更新及内存缓存、硬盘缓存清理
- 【C语言】04-函数
- Java可视化AWT
- 使用OpenGL ES绘制3D图形
- 算法导论 第六章 思考题6-3 Young氏矩阵
- emacs资源
- IDispatch接口 - GetIDsOfNames和Invoke(转)
- MySQL优化器join顺序
- TLV----Demo讲解
- HDU2577:How to Type(DP)
- Java基础---IO(二)--File类、Properties类、打印流、序列流(合并流)
- 小甲鱼OD学习第3讲
- Ioc原理理解
- 性能测试四:jmeter进阶之逻辑控制器
- ICDAR 成绩 前5企业和高校
- python 元组列表转为字典
热门文章
- mac环境下使用brew安装kafka
- CentOS/RHEL Linux安装EPEL第三方软件源
- Java多线程编程——生产者-消费者模式(1)
- Spring Cloud Config 使用总结
- linux——(6)vim与vi
- Django 如何实现 如下 联表 JOIN 查询?
- RxSwift 系列(六)
- vmware12安装centos7系统详解
- 为什么java的构造方法中this()或者super()要放在第一行
- VK Cup 2016 - Round 1 (Div. 2 Edition) A. Bear and Reverse Radewoosh 水题