美文网首页
01 HTML总结

01 HTML总结

作者: 绝垣栅 | 来源:发表于2016-07-09 10:41 被阅读0次

什么是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>

相关文章

  • 01 HTML总结

    什么是HTML HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、...

  • HTML学习总结01- html标签

    HTML简介 首先,HTML 指的是超文本标记语言 (Hyper Text Markup Language),它 ...

  • H5标签回顾与整理(总结)

    HTML总结

  • CSS3边框,背景,渐变,过渡,2d变换

    01-边框圆角.html 02-圆角应用.html 03-边框阴影.html 04-边框图片.html 01-背景...

  • HTML总结

    css字体样式 字体大小:font-size 网页默认大小为16px 正常网页支持大...

  • HTML总结

    一两个月的时间,转眼即逝,我的html阶段也走了这么长时间。 html见证我由学妹变成学姐,可怕! html相对于...

  • html总结

    html是什么:超文本标记语言 html的唯一作用就是:给指定的文本添加语义。 html的标准格式:

  • HTML总结

    HTML的基本结构 一些常用的标签及属性 文本内容 p标签表示段落: This is a paragragh h1...

  • HTML总结

    1.doctype的意义? 1)让浏览器以标准模式渲染;(css盒模型有标准和IE模式,造成不兼容)2)让浏览器知...

  • HTML总结

网友评论

      本文标题:01 HTML总结

      本文链接:https://www.haomeiwen.com/subject/hxbrjttx.html