HTML <!DOCTYPE> 标签

<!DOCTYPE html>

  <html>

    <head>

       <title>文档的标题</title>

    </head>

    <body>

      文档的内容......

    </body>

</html>

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

要总是向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能知道文档的类型。

HTML 4.01 与 HTML5 之间的差异（如下所示）

布局引用的几种方法

三种：1，连接到外部样式表：<link rel="stylesheet" type="text/css" href="css/index.css">(添加到head部分里面)

2，创建嵌入式样式表：在HTML的head部分创建一个style元素，直接写入样式规则

<style>

img{border:8px solid red;

}</style>

3，应用内联样式:直接在元素内添加一个style（如）

<img scr="ticket.png" class="picture" alt="a ticket" style="border:8px solid red" />

 

行级元素与块级元素

块级元素占一行，不论内容多少只要是有2个这样的元素就会换行，行内元素内容少时不会换行。这是个重要区别。

块级元素（block element）

  1. 　　* address - 地址
  2. 　　* blockquote - 块引用
  3. 　　* center - 举中对齐块
  4. 　　* dir - 目录列表
  5. 　　* div - 常用块级容易，也是css layout的主要标签
  6. 　　* h1 - h6
  7. 　　* menu - 菜单列表
  8. 　　* ol - 排序表单
  9. 　　* p - 段落
  10. 　　* pre - 格式化文本
  11. 　　* table - 表格
  12. 　　* ul - 非排序列表
  13. 内联元素(inline element)
  14. 　　* a - 锚点
  15. 　　* abbr - 缩写
  16. 　　* acronym - 首字
  17. 　　* b - 粗体
  18. 　　* br - 换行
  19. 　　* cite - 引用
  20. 　　* code - 计算机代码(在引用源码的时候需要)
  21. 　　* dfn - 定义字段
  22. 　　* em - 强调
  23. 　　* font - 字体设定(不推荐)
  24. 　　* img - 图片
  25. 　　* input - 文本框
  26. 　　* label - 表格标签
  27. 　　* q - 短引用
  28. 　　* select - 项目选择
  29. 　　* small - 小字体文本
  30. 　　* span - 常用内联容器，定义文本内区块
  31. 　　* strong - 粗体强调
  32. 　　* sub - 下标
  33. 　　* sup - 上标
  34. 　　* textarea - 多行文本输入框
  35. 　　* var - 定义变量

HTML <!DOCTYPE> 标签 布局引用的几种方法 行级元素与块级元素的更多相关文章

  1. Css三栏布局自适应实现几种方法

    Css三栏布局自适应实现几种方法 自适应实现方法我们可以从三个方法来做,一个是绝对定位 ,自身浮动法 和margin负值法了,下面我们一起来看看这三个例子吧,希望例子能帮助到各位同学. 绝对定位法三栏 ...

  2. HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)

    一.转义字符由特殊字符包裹的文本 会当做标签去解析 对应不换行空格 对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响.<对应 ...

  3. 04. H5标签有哪些？行内元素有哪些？块级元素有哪些？空(void)元素有哪些？行内元素和块级元素有什么区别？你工作中常用标签有什么？

    4. H5标签有哪些? 2)行内元素有哪些? a - 锚点 em - 强调 img - 图片 font - 字体设定 ( 不推荐 ) i - 斜体 input - 输入框 3)块级元素有哪些? add ...

  4. img标签到底是行内元素还是块级元素

    面试官问你<img>是什么元素时你怎么回答 写这篇文章源自我之前的一次面试,题目便是问img标签属于块级元素还是行内元素,当时想都没想就说了是行内(inline)元素,面试官追问为什么能够 ...

  5. Html：行级元素和块级元素标签列表

    块级元素 div p h1-h6 form ul ol dl dt dd li table tr td th hr blockquote address table menu pre HTML5: h ...

  6. a标签调用js的几种方法

    我们常用的在a标签中有点击事件: <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScrip ...

  7. jq给动态生成的标签绑定事件的几种方法

    经常遇到给动态生成的标签绑定事件不好用,自己简单测试总结了下,结论如下了: body> <!-- 下面是用纯动态方式生成标签 --> <div id="d2" ...

  8. HTML常用的标签中，行内元素和块级元素

    块元素(block element) HTML标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div ...

  9. html元素两种分类。替换元素和不可替换元素；块级元素和行内元素

    根据元素本身特点来分类: 替换元素替换元素根据其标签和属性来决定元素的具体显示内容.有<img><input><textarea><select>< ...

随机推荐

  1. RHCE实验环境|rhel7-lab

    教学环境说明: 1.yum源地址是:http://content.example.com 2.网卡都用同一个,且自定义网卡! 3.网络配置参考 classroom IP 172.25.254.254/ ...

  2. redis的主从复制配置

    redis的主从复制配置 一.     原理 Redis的主从复制功能非常强大,一个master可以拥有多个slave,而一个slave又可以拥有多个slave,如此下去,形成了强大的多级服务器集群架 ...

  3. c/c++模板的定义和实现分开的问题及其解决方案

    注意c/c++模板的定义和实现- -                                       定义一个类一般都是在头文件中进行类声明,在cpp文件中实现,但使用模板时应注意目前的C ...

  4. java/c# 判断点是否在多边形区域内

    java/c# 判断点是否在多边形区域内 年06月29日 ⁄ 综合 ⁄ 共 1547字 ⁄ 字号 小 中 大 ⁄ 评论关闭 最近帮别人解决了一个问题,如何判断一个坐标点,是否在多边形区域内(二维). ...

  5. [转]Hibernate update和saveOrUpdate详解

    原文地址:http://www.iteye.com/topic/2712 先来点概念: 在Hibernate中,最核心的概念就是对PO的状态管理.一个PO有三种状态: 1.未被持久化的VO 此时就是一 ...

  6. git 高级命令

    git bisect 运行git bisect 通常是为了找出某个导致版本库产生倒退或bug的特殊提交 例如:你的版本库已经从一个已知的"好"状态过渡到一个已知的"坏&q ...

  7. 【BZOJ 1023】【SHOI 2008】cactus仙人掌图

    良心的题解↓ http://z55250825.blog.163.com/blog/static/150230809201412793151890/ tarjan的时候如果是树边则做树形DP(遇到环就 ...

  8. CSS截取截取字符长度并显示省略号的方法

    HTML部分 <div> <span>这是一个CSS3截取截取字符的例子.它根据宽度来处理.</span> </div> <div class=& ...

  9. jquery-ui-处理拖动位置Droppable，Draggable

    一.效果.如下图中,各途中可相互拖拉,右下角可删除.注意图1和图2对比区别 图1 图2 二.源码详解 html源码 <!DOCTYPE html> <html> <hea ...

  10. 提示reg不是批处理命令怎么办

    'regsvr32' 不是内部或外部命令,也不是可运行的程序或批处理文件.请按任意键继续. . . 系统环境变量被改了进入控制面板>高级>环境变量>系统变量,Path双击一下,填入C ...