01 HTML总结

什么是HTML

HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。

文档类型

  1. <!DOCTYPE html> HTML5DTD
  2. 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

表单

  1. <button>定义了一个按钮
  2. <form>定义了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。
  3. <input> type类型可以有text/password/submit/button/radio/checkbox/reset
  4. <lable>

音频视频

  1. <audio>
  2. <video>
  3. <track>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,844评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,375评论 1 41
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,659评论 32 459
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,126评论 1 25
  • 阿零,阿零,我们会一直在一起吗? 当然啦,除非,, 除非什么 除非你不要我! 怎么,,怎么可能,我最喜欢阿零了, ...
    爱文字的喵阅读 288评论 0 0