01 HTML总结
2016-07-09 本文已影响0人
绝垣栅
什么是HTML
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。
文档类型
- <!DOCTYPE html> HTML5DTD
- xhtml 1.0 transitional版本
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
标签
文档元数据
- link标签 这个元素经常用来链接css文件
- style标签 里面写css代码
- meta标签 提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
- title标签
内容分区
- nav h5标签
- h1-h6 常用
- article h5标签 表示文档、页面、应用或网站中的独立结构
- footer h5标签
- aside标签 h5标签表现为侧边栏或者被插入在该内容里
- header标签 h5标签包含标题元素,也可以包含其他元素,像logo、分节头部、搜索表单
块级文本内容
- dl dt dd
- div 应该在没有任何其它语义元素可用是才使用 (比如 <article> 或 <nav>)
- ol ul li
- p标签
内联文本
- a标签
- <b> 不表示任何特殊的强调 通常用在摘要中的关键字
- <em> 标记出需要用户着重阅读的内容
- <i> 斜体
- <span> 重要,用来定义某一节文本的样式
表格
- table
- tr
- td
表单
- <button>定义了一个按钮
- <form>定义了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。
- <input> type类型可以有text/password/submit/button/radio/checkbox/reset
- <lable>
音频视频
- <audio>
- <video>
- <track>