<!DOCTYPE html>的作用
1、定义

　　DOCTYPE是一种标准通用标记语言的文档类型的声明，目的是告诉标准通用标记语言解析器，该用什么方式解析这个文档。

　　<!DOCTYPE>必须在第一行，在html标签之前。

2、作用

　　申明文档的解析类型（document.compatMode）,避免怪异解析模式

　　加上该标记就会以符合w3c要求的标准模式来解析，从而达到在任何浏览器展现的内容都相同。

　　浏览器有两种解析模式：

　　　　怪异解析（backCompat）:就是以浏览器自己的解析渲染模式来解析，每个浏览器解析的方式可能都不相同，也就会导致不同浏览器有不同的展现方式。

　　　　标准模式（CSSICompat）:以符合w3c标准模式的方式来解析文档，不同浏览器解析渲染出来的展现方式也会相同。

HTML的块级元素和行级元素

转自：https://www.cnblogs.com/iverson666/p/9169274.html

块级元素：块级大多为结构性标记

  <address>...</adderss>   

  <center>...</center>  地址文字

  <h1>...</h1>  标题一级

  <h2>...</h2>  标题二级

  <h3>...</h3>  标题三级

  <h4>...</h4>  标题四级

  <h5>...</h5>  标题五级

  <h6>...</h6>  标题六级

  <hr>  水平分割线

  <p>...</p>  段落

  <pre>...</pre>  预格式化

  <blockquote>...</blockquote>  段落缩进   前后5个字符

  <marquee>...</marquee>  滚动文本

  <ul>...</ul>  无序列表

  <ol>...</ol>  有序列表

  <dl>...</dl>  定义列表

  <table>...</table>  表格

  <form>...</form>  表单

  <div>...</div>

行内元素：行内大多为描述性标记

  <span>...</span>

  <a>...</a>  链接

  <br>  换行

  <b>...</b>  加粗

  <strong>...</strong>  加粗

  <img >  图片

  <sup>...</sup>  上标

  <sub>...</sub>  下标

  <i>...</i>  斜体

  <em>...</em>  斜体

  <del>...</del>  删除线

  <u>...</u>  下划线

  <input>...</input>  文本框

  <textarea>...</textarea>  多行文本

  <select>...</select>  下拉列表

·块级元素

  1.总是从新的一行开始

  2.高度、宽度都是可控的

  3.宽度没有设置时，默认为100%

  4.块级元素中可以包含块级元素和行内元素

  5.都有align属性

  6.dispay都是block

·行内元素

  1.和其他元素都在一行

  2.高度、宽度以及内边距都是不可控的

  3.宽高就是内容的高度，不可以改变

  4.行内元素只能行内元素，不能包含块级元素

  5.没有align属性

  6.display都是inline

eg:

<!DOCTYPE html>

<html>

    <head>

        <title></title>

    </head>

    <body>

        <div>

        块级元素展示,大多为机构性标记

        <address>这是块级元素，这个标签是用来存放地址信息的</address><address>块级元素即使放在同一列也会换行</address>

        <center>center标签，默认居中显示</center><center>都是居中吗？</center>

        <h1>标题一级</h1><h6>标题六级</h6>

        <hr>水平分割线

        <pre>pre是预格式化标题</pre><pre>pre中会保留编写时的样式，   空格，换行都会预留  </pre>

        <blockquote>blockquote标签，用来段落缩进</blockquote><blockquote>blockquote标签，是怎么进行段落缩进的呢？</blockquote>

        <marquee>marquee标签用来滚动文本</marquee><marquee>marquee标签不太常用，试试看什么作用</marquee>

        <ul>ul标签无序列表</ul><ol>ol标签有序列表<ol>

        <table></table><form></form><dl></dl>

        </div>

        <div style="background-color:yellow">

        行内元素，大多为描述性标记

        <span>span就是行内元素</span><span>还在一行内</span>

        </div>

        <div style="background-color:yellow">

        行内元素，大多为描述性标记

        <a>a标签</a><b>b标签</b><strong>strong标签</strong><img>img标签<input value="input标签"/><textarea>teatarea标签</textarea>

        </div>

    </body>

</html>

展示效果图：

<head>头部元素的容器，可以添加的标签有，title、meta、base、link、script、style；

　　meta:元数据，提供关于html的元数据，不会被展示在页面中，对于机器是可读的。主要用于对于文档的描述、作者、修改时间等记录信息。

XHTML是一种比HTML更严格更纯净的语言超文本标签语言，X是EXTensible（可扩展的）缩写。

XHTML跟HTML的区别主要是：更严格，元素均为小写，属性都是在引号以内，标签都有闭合标签，便签嵌套更有逻辑等。

HTML认知的更多相关文章

  1. %iowait和CPU使用率的正确认知

    resources 理解 %IOWAIT (%WIO) LINUX系统的CPU使用率和LOAD Linux Performance Observability Tools How Linux CPU ...

  2. 【AI开发第一步】微软认知服务API应用

    目录 介绍 API分类 使用‘视觉’API完成的Demo 点击直接看干货 介绍 从3月份Google家的阿尔法狗打败韩国围棋冠军选手李世石,到之后微软Build2016大会宣布的“智能机器人”战略.种 ...

  3. [翻译]Primer on Cognitive Computing(认知计算入门)

    Source Kelly J., Primer on Cognitive Computing 20150216. 侵删,联系方式:zhoujiagen\@gmail.com. 按A candidate ...

  4. IBM的“认知计算时代”

    IBM 提出信息技术进入“认知计算时代”.所有电子设备都有潜力发展出认知能力,换言之,都可以像人一样‘思考’. 何为认知计算时代呢?  认知计算系统能够学习并与人类自然地交流,以扩展人类或机器可亲自执 ...

  5. 传统认知PK网络认知 刚子扯谈烤串认知

    文/刚子 2013.7.23 提到认知,有太多的介绍,我就不在秀理论文字了,那样等于自我抄袭式的传播给大家,对于大家也没意思,可以推荐大家到百度里面搜索下”认知结构”,介绍的比我详细.同行老陈说的! ...

  6. java io系列15之 DataOutputStream(数据输出流)的认知、源码和示例

    本章介绍DataOutputStream.我们先对DataOutputStream有个大致认识,然后再深入学习它的源码,最后通过示例加深对它的了解. 转载请注明出处:http://www.cnblog ...

  7. JPA学习(1)基础认知

    JPA 是什么 Java Persistence API:用于对象持久化的API. Java EE 5.0 平台标准的 ORM 规范,使得应用程序以统一的方式访问持久层: JPA和Hibernate的 ...

  8. 人工智能范畴及深度学习主流框架，IBM Watson认知计算领域IntelligentBehavior介绍

    人工智能范畴及深度学习主流框架,IBM Watson认知计算领域IntelligentBehavior介绍 工业机器人,家用机器人这些只是人工智能的一个细分应用而已.图像识别,语音识别,推荐算法,NL ...

  9. 思维认知-读mindhacks杂记

    1. 导语 无意中浏览知乎,搜索到了mindhacks.cn这个个人geek的网址.mindhacks博主本人是牛人程序员一枚,但他的博客主题涵盖的主要内容确是思维改变生活. 博客链接地址:http: ...

  10. 【我所认知的BIOS】—&gt; uEFI AHCI Driver(4) — 第一个Protocol真难搞

    [我所认知的BIOS]-> uEFI AHCI Driver(4) - 第一个Protocol真难搞 LightSeed 4/23/2014 文章对EFI_DRIVER_BINDING_PROT ...

随机推荐

  1. fedora 20安装vim Transaction check error

    Transaction check error安装时 yum remove vim-minimal 再安装vim ok

  2. Kubernetes --（k8s） service

    service Kubernete Service 是一个定义了一组Pod的策略的抽象,我们也有时候叫做宏观服务.这些被服务标记的Pod都是(一般)通过label Selector决定的 对于Kube ...

  3. Cisco静态路由

    怎样让身在两个网段的终端会话交流呢?我们借用Cisco packet研究一下Cisco静态路由. 名词解释: 网关:(Gateway)网间连接器,或叫协议转换器:举例(参考https://baike. ...

  4. OSPF路由汇总

    转载自红茶三杯博客:http://blog.sina.com.cn/s/blog_5ec353710102vtfy.html 1. 关于路由汇总 路由汇总,又被称为路由聚合(Route Aggrega ...

  5. Java 复习整理day06

    Java api 章节除了一下列的常用类别的用时候查文档 1 package com.it.demo01_api; 2 3 import java.util.Scanner; 4 5 /* 6 案例: ...

  6. Codeforces Round #602 Div2 D1. Optimal Subsequences (Easy Version)

    题意:给你一个数组a,询问m次,每次返回长度为k的和最大的子序列(要求字典序最小)的pos位置上的数字. 题解:和最大的子序列很简单,排个序就行,但是题目要求字典序最小,那我们在刚开始的时候先记录每个 ...

  7. Codeforces Round #633 div2 A~C

    A. Filling Diamonds 题意:给你n个菱形方块,问能构成图示形状的有多少种 题解:自己画几个不难发现答案是n 代码: 1 #include <iostream> 2 #in ...

  8. [APUE] 进程控制

    APUE 一书的第八章学习笔记. 进程标识 大家都知道使用 PID 来标识的. 系统中的一些特殊进程: PID = 0: 调度进程,也称为交换进程 (Swapper) PID = 1: init 进程 ...

  9. 2020ICPC·小米 网络选拔赛第一场

    2020ICPC·小米 网络选拔赛第一场 C-Smart Browser #include <string> #include <iostream> std::string s ...

  10. Python——Django框架——邮件

    #引用EMAIL服务 EMAIL_BACKEND = 'django.cpre.mail.backends.smtp.EmailBackend' #EMAIL发送服务器 EMAIL_HOST = 's ...