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. 手写Javaweb服务器

    简单web服务器 回忆socket 创建客服端(在httpClient_1包下) public class Client {    public static void main(String[] a ...

  2. ASP.NET CORE 开发微信公众号（一、测试号管理）

    一.注册账号 百度微信公众平台,点击进入. 二.公众平台测试账号 点击进入平台后居然是小程序,我也很费解.以前是找到开发->开发者工具->公众平台测试账号,现在毛都没有了. 不过可以点击这 ...

  3. 如何发布代码到maven中心仓库

    deploy to sonatype 参考文章 https://blog.csdn.net/xuefu_78/article/details/52494698 https://blog.csdn.ne ...

  4. HBase基础理论知识

    来源:第四章:大数据 の HBase 基础   本课主题 NoSQL 数据库介绍 HBase 基本操作 HBase 集群架构与设计介紹 HBase 与HDFS的关系 HBase 数据拆分和紧缩 引言 ...

  5. Win32编程之控制线程

    0x01. 如何让线程停下来 让自己停下来: Sleep() 函数 当程序执行到某段代码的时候可以使用sleep() 函数进行暂停 使用sleep()函数挂起的时候会自动恢复过来的 让别人停下来: S ...

  6. MongoDB 数据备份和恢复 --- MongoDB基础用法（七）

    数据备份 在Mongodb中我们使用mongodump命令来备份MongoDB数据.该命令可以导出所有数据到指定目录中. mongodump命令可以通过参数指定导出的数据量级转存的服务器. mongo ...

  7. SQL Server 列存储索引 第二篇：设计

    列存储索引可以是聚集的,也可以是非聚集的,用户可以在表上创建聚集的列存储索引(Clustered Columnstore Index)或非聚集的列存储索引(Nonclustered Columnsto ...

  8. 一篇搞定Java集合类原理

    Java集合类实现原理 1.Iterable接口 定义了迭代集合的迭代方法 iterator() forEach() 对1.8的Lambda表达式提供了支持 2. Collection接口 定义了集合 ...

  9. 13 SOAP

    13 SOAP SOAP(原为Simple Object Access Protocol的首字母缩写,即简单对象访问协议)是交换数据的一种协议规范,使用在计算机网络Web服务(web service) ...

  10. 消息队列--ActiveMQ单机部署

    一.环境需求 1,Centos7环境 2,jdk 1.8+ 3,主机名的命名方式中不能含有'_'字符 二.软件包下载 1,下载路径 wget http://mirror.bit.edu.cn/apac ...