html页面的组成部分:1、DOCTYPE声明部分,可以告知Web浏览器页面使用了哪种HTML版本;2、head头部,主要包含编码声明、标题、样式表嵌入等;3、body内容部分,包含文档的所有内容;3、footer底部,定义文档或节的页脚。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

声明部分:DOCTYPE声明

网页开头一句代码是DOCTYPE,这是document type(文档类型)的简写:用来说明用的XHTML或者HTML是什么版本。其中的DTD(如xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据定义的DTD来解释页面的标识,并展现出来。要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分

位置:一般在代码开始之前

总体分析:所有内容

其中所有内容中分为三部分

头部:

内容:

底部:

头部:

主要包含编码声明…,标题

…、样式表嵌入…;相对路径定义…、脚本…

内容:

body 元素定义文档的主体。

body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

底部:

标签定义文档或节的页脚。

元素应当含有其包含元素的信息。

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

您可以在一个文档中使用多个 元素。

推荐教程:《html视频教程》

html两个部分组成部分组成,html页面由哪几部分组成相关推荐

  1. 【css】页面出现两个滚动条以及只有一半页面显示内容的解决方法

    可能当修改页面的margin等属性时会出现页面只有一半的页面显示内容的情况,此时我们可以修改css代码来解决问题 代码实现: body{overflow:hidden}html{/*overflow- ...

  2. html 两个iframe重叠,解决同一页面中两个iframe互相调用jquery,js函数的方法

    这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: b.html中有一个treeview,称为左菜单i ...

  3. vue 跳添加编辑页面传两个值_vuecli3开发多页面项目

    本文探讨下vue-cli3开发多页面项目的简单构建,先分析下使用场景,举个栗子:公司做后台管理系统,涉及到前端展示和后端管理两个部分.这种情况,当然可以在一个项目里开发,但是我们希望分开来方面单独管理 ...

  4. 教你用Vue 做一个简单的比较两个数字的大小的页面

    一.案例描述 1. 考核知识点 创建vue实例和对v-model内置指令的使用 2. 练习目标 创建vue实例. 掌握v-model内置指令的使用. 3. 需求分析 用户输入的两个数据,得到其大小返回 ...

  5. 两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果

    问题描述 我们知道浏览器页面上的文字正常情况下我们是可以双击选中.或者单击鼠标横向拖动也能选中的,选中以后可以右击出现面板然后去复制什么的.但是有的时候,这种效果我们并不想要的,比如用户点快了的时候, ...

  6. 如何将多个excel表格合并成一个_如何将两个连续竖版的PDF页面合并成一个横版...

    最近有读者留言老师说的PDF电子教材页数太多,为了方便阅读以及打印节约纸张,需要将两页内容并且合并到同一页上去要如何操作,下面分享两个操作方法,一起来看看. 方法一: 首先我们用极速PDF阅读器打开需 ...

  7. 两种方法实现在HTML页面加载完毕后运行某个js

    Js方法: <script type="text/javascript">window.onload=function (){var userName="xi ...

  8. (延迟两秒,跳转相应页面)(返回到上一个页面并刷新)

    1.setTimeout("window.location.href = '/moment/reason'",2000); 2.返回到上一个页面并刷新 self.location ...

  9. 两种方式构建vue单页面多组件应用

    方法一.使用vue的v-if指令 该指令可以根据表达式的值实现html的元素或者vue的template模板切换,实现dom渲染,从而实现据绑定 / 组件被销毁并重建.借助该指令,实现多组件之间的切换 ...

  10. layui两个html传值,Layui(二级页面) 弹出层打开页面|传递参数

    一级弹出层:弹出打开页面 layer.open({ type: 2, title: '添加用户', content: '../user/goAdd', area: ['460px', '450px'] ...

最新文章

  1. linux压缩一个文件的命令行,linux下用命令行解压缩文件
  2. 如何在 Linux 中启用 Shell 脚本的调试模式
  3. java高效遍历匹配,使用cypher或遍历api仅匹配路径极端的单个节点
  4. micropython开发idethonny_ESP32 Micropython开发利器Thonny IDE介绍
  5. html日期英文状态显示不出来,html 时间控件插件laydate, 显示时分,不显示秒
  6. Python 几种可视化方法随笔
  7. tomcat登录账户配置
  8. 2018年度总结 - 黑子
  9. setup factory 会话变量
  10. sklearn 5.18.3 SGD - Maximum margin separating hyperplane
  11. 华为交换机修改concle密码
  12. 微信小程序瀑布流实现
  13. CLIP:Contrastive Language-Image Pre-Training
  14. maven wagon ftp ssh
  15. 全套GO语言自学视频教程(纯资源分享)
  16. 软件架构从单体到微服务的演化
  17. 2018年第13周-虚拟化技术理解(内含Centos7上安装KVM)
  18. 《操作系统》知识框架整理
  19. it的行业本质是什么
  20. mysql命令行工具打开文件_使用命令行工具mysqlimport导入数据

热门文章

  1. [手机Linux]一,线刷小米6到开发版,获取root权限
  2. 中国公有云厂商2017年收入利润综合排名
  3. Unity免费资源汇总
  4. AI能力在智慧养殖应用现状
  5. 计算机平面设计与工程论文,计算机平面设计毕业论文范文2篇
  6. PdfSharp库剪裁Pdf页面边缘空白部分
  7. 关于spyder打不开的问题
  8. Excel如何制作斜线表头
  9. 我所钟爱的电影之一-文艺片
  10. WIN10卡顿,system进程硬盘占用100%,iaStorA警告事件,发出了对设备 \Device\RaidPort0 的重置。