2.1 HTML5文档结构：

  • HTML5文档结构包括头部（head）、主体（body）两大部分。

2.1.1<!DOCTYPE>声明

引用官方的DTD文件，在HTML5之前版本，如xHTML、HTML4.0都有官方的DTD文件引用，DTD是文件类型定义，主要对标签的使用进行定义。基于HTML5“化繁为简”准则，不需要引用严格意义上的DTD规范，只需引用<!DOCTYPE html>代码即可。

2.1.2 <html>标签

html文档的根元素，成对出现，代表文档的开始和结束。

2.1.3 <head>标签

<head></head>                              文档的头部标签，为所有头部元素的容器，<head>中元素可以引用脚本、指示浏览器在哪里找到样式表，提供元信息等
<title></title>                             用于定义文档标题，只能出现在<head>中

<meta>                                      用于定义html元数据

<link rel="stylesheet" href="">             引用外部文件标签，通常放置在头部标签<head>中，用于连接外部CSS资源文件 
<style></style>                             为内嵌样式标签，位于<head>中，用于定义内部CSS样式

2.1.4<meta>标签

设置页面关键字——用于告诉搜索引擎网页的关键字
<meta name="keyword" content="某人,论坛,学历,前端">
用于告诉搜索引擎网站的主要内容

<meta name="description" content="web前端的一些面试技巧">
用于介绍作者的一些信息

<meta name="author" content="某人，邮箱">

设置网页的定时跳转

<meta http-equiv="Refresh" content=""；URL="">        /*content后跟值为当前页面在多少时间跳转，URL值为跳转到具体的网页网站*/

2.1.5 <body>标签

body标签是HTML的主体部分，网页所需显示内容都放在该标签内。

2.2 HTML5标签、元素及属性

HTML网页实际由许许多多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。

HTML元素就是通过HTML标签进行定义的。

2.2.1标签

1.单标签

<br>                       换行

<hr>                       创建一条水平线

<meta>                   元素可提供有关页面的元信息

<img src="" alt="">  图片标签，用于页面插入图片

2.双标签

<h1></h1>     标题标签

<p></p>       段落标签

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

<table></table>表格标签

3.

  • 标题标签：<h1>-<h6>,<h1>标签代表1级标题，级别最高，文字最大其他标签依次递减；

标题字对齐属性：align

center:    居中对齐；

left:     左对齐内容；

right：    右对齐内容；

justify:    对行进行伸展，每行都可有相同长度

  • 段落标签：<p>
  • 换行标签：<br>                   将文字在一个段内强制换行，一个<br>代表换行一次
  • 不换行标签：<nobr>            不换行内容放在<nobr><nobr/>之间；<nobr><nobr/>之间遇到<br>换行标签，内容将自动换行；
  • 水平线标签：<hr>                 将上下内容分隔开
  • 插入空格：&nbsp;
  • 插入特殊字符：“&”开头，“;”结尾，中间加上特殊字符对应编码即可，特殊字符对应编码链接: https://www.jb51.net/onlineread/htmlchar.htm

2.2.2 标签属性

  • <标签名 属性名1=“属性值1” 属性名2=“属性值2” ……>内容部分</标签名>   两个不同的属性之间不需要分号
  • <p style="color:red;font-size:20px;background-color:white"> style属性中的不同设置需要分号

2.2.3 元素

<p>HTML</p>       开始标签到结束标签所有代码，为HTML元素

                  位于起始标签和结束标签之间的文本为HTML元素内容

二 HTML文档基本结构的更多相关文章

  1. HTML介绍、文档基本结构、meta标签、HTML标记的语法

    一.HTML的介绍 Hyper Text Mark-up Language 超文本标记语言,是一种描述性标记语言(不是编程语言),主要用于描述网页(可以有图像,文字,声音,等..)但没有交互性 HTM ...

  2. 深入分析MFC文档视图结构（项目实践）

    k_eckel:http://www.mscenter.edu.cn/blog/k_eckel 文档视图结构(Document/View Architecture)是MFC的精髓,也是Observer ...

  3. MFC单文档程序结构

    MFC单文档程序结构三方面: Doc MainFrame View

  4. MFC 构建、消亡 顺序 (二)--多文档 （MDI）

    MFC 构建.消亡 顺序 (二)--多文档 (MDI) by:http://www.cnblogs.com/vranger/ (一)MDI 生成顺序 (二)打开文档-“Open” (三)新建文档-“N ...

  5. MFC文档视图结构学习笔记

    文档/视图概述 为了统一和简化数据处理方法,Microsoft公司在MFC中提出了文档/视图结构的概念,其产品Word就是典型的文档/视图结构应用程序 MFC通过其文档类和视图类提供了大量有关数据处理 ...

  6. 使用ABBYY FineReader 手动校正文档复杂结构

    ABBYY FineReader 15(Windows系统)拥有强大的OCR识别功能,能对扫描仪或者数码相机等光学工具获取的图像进行识别,解析其中的文本.图像.表格.条形码等,方便用户进一步获取图像中 ...

  7. XML 文档的结构

    XML 文档的组成 一个XML文档由两部分构成:第一部分是文档序言,第二部分是文档元素(节点). 1.文档序言 文档序言通常位于XML文档的顶端,根元素之前出现,它是一个特定的包含XML 文档设定信息 ...

  8. .Net Core3.0 WebApi 项目框架搭建 二:API 文档神器 Swagger

    .Net Core3.0 WebApi 项目框架搭建:目录 为什么使用Swagger 随着互联网技术的发展,现在的网站架构基本都由原来的后端渲染,变成了:前端渲染.后端分离的形态,而且前端技术和后端技 ...

  9. MongoDB_文档存储结构（三）

    MongoDB 文档数据库的存储结构分为四个层次,从大到小依次是:数据库(database).集合(collection).文档(document).键值对. 图 1 描述了 MongoDB 与 My ...

随机推荐

  1. CTF相关

    https://blog.csdn.net/zxl2016/article/details/96482763

  2. shiro实现不同身份使用不同Realm进行验证

    转载:https://blog.csdn.net/xiangwanpeng/article/details/54802509 假设现在有这样一种需求:存在两张表user和admin,分别记录普通用户和 ...

  3. npm的使用说明

    博主是刚开始写项目的前端小白菜,边学边整理,以供后面的小猿参考,共同进步. 首先: npm的官网地址:https://www.npmjs.com Windows 安装包(.msi) 32 位安装包下载 ...

  4. 机器学习 第4篇：sklearn 最邻近算法概述

    sklearn.neighbors 提供了针对无监督和受监督的基于邻居的学习方法的功能.监督的基于最邻近的机器学习算法是值:对带标签的数据的分类和对连续数据的预测(回归). 无监督的最近算法是许多其他 ...

  5. NOIP 2018 D1 解题报告(Day_1)

    总分   205分 T1 100分 T2  95分 T3  10分 T1: 题目描述 春春是一名道路工程师,负责铺设一条长度为 nn 的道路. 铺设道路的主要工作是填平下陷的地表.整段道路可以看作是  ...

  6. ThreadLocal原理大解析

    今天呢,和大家聊一下ThreadLocal. 1. 是什么? JDK1.2提供的的一个线程绑定变量的类. 他的思想就是:给每一个使用到这个资源的线程都克隆一份,实现了不同线程使用不同的资源,且该资源之 ...

  7. linux 的mysql 主从备份

    1.原理 mysql主从配置的流程大体如图: 1)master会将变动记录到二进制日志里面: 2)master有一个I/O线程将二进制日志发送到slave; 3) slave有一个I/O线程把mast ...

  8. 红帽6.9搭建yum源的2种方式(HTTP和本地)

    方式一:HTTP搭建 1.首先删除本身所带的yum `rpm -qa | grep yum | xargs rpm -e --nodeps ` #忽略依赖关系,强行删除 若出现   错误出现 将后面的 ...

  9. 我叫Mongo，收了「查询基础篇」，值得你拥有

    这是mongo第二篇「查询基础篇」,后续会连续更新6篇 mongodb的文章总结上会有一系列的文章,顺序是先学会怎么用,在学会怎么用好,戒急戒躁,循序渐进,跟着我一起来探索交流. 通过上一篇基础篇的介 ...

  10. 直播软件开发如何使用FFMPEG推流并保存在本地

    最近开发了基于C#的直播软件开发推流器一直不大理想,终于在不懈努力之后研究了一点成果,这边做个笔记:本文着重在于讲解下如何使用ffmpeg进行简单的推流,看似简单几行代码没有官方的文档很吃力.并获取流 ...