初识HTML-页面的结构

                  ——岳小弟

    网上冲浪曾是一度让年轻人觉得很时尚的事情,身为21世纪的青年。如果不懂什么是网上冲浪,什么是网上购物那基本和身边的朋友同事之间丢失了很好的沟通方式。而这一切的基础都源自于前端技术的高速发展,从刚开始单调基础的网页到现在酷炫华丽的页面效果。Html这个基础之中的基础,在历史中也经历了不少的波澜。

    众所周知当一些新事物的兴起或者发展,或多或少是离不开一个标准的约束。而 W3C 最重要的工作就是发展 Web 规范,因为 Web 的重要(不论在其影响范围还是在投资方面),以至于不应由任何一家单独的组织来对它的未来进行控制,因此 W3C 在这里扮演者一个会员组织的角色,由各个会员共wong组成。这里不得不说的就是 “W3School” W3C推出的在线教程,但是随着时间的推移、技术的迭代更新。博主还是更倾向于  “MDN”  这个在线教程的。写到这里我对文章的构思紧紧只停留在大纲中,就当作是将当初自学web的过程整理下吧。写的博客纯粹就是自己学习心得、工作感悟以及笔记的整理、

    W3C是如何发布一个推荐标准呢?

      在 W3C 发布某个新标准的过程中,规范是通过下面的严格程序由一个简单的理念逐步确立为推荐标准的。

          1、W3C 收到一份提交

          2、由 W3C 发布一份记录

          3、由 W3C 创建一个工作组

          4、由 W3C 发布一份工作草案

          5、由 W3C 发布一份候选的推荐

          6、由 W3C 发布一份被提议的推荐

          7、由 W3C 发布推荐

    HTML发展历史:

      超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):

      HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

      HTML 3.2——1997年1月14日,W3C推荐标准

      HTML 4.0——1997年12月18日,W3C推荐标准

      HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准

      HTML 5——2014年10月28日,W3C推荐标准

    HTML的编辑:

      不管前端还是后端,在编写代码的时候。总是离不开各种称心如意的编辑器,在这里简单的说下html代码的书写方式。

      第一种:通过记事本写代码

      第二种:编辑器(SublimeText3、Visual Studio Code、WebStorm-10)

    

    html的语法规则:

       1、整个页面是由标签构成的

       2、html标签一般情况下为双标签原则,即起始标签和闭合标签构成一对标签。(<head></head>)

       3、标签之间科一相互嵌套,第一个起始标签开始,在同级找到第一个闭合标签为一个双标签

       4、双标签不是必须的,特殊标签为单标签(<meta>)

       5、页面内容书写在body标签内(内容包括:文本,图片,代码)

    HTML的结构:

        在这里先将基础结构写在下面,稍后通过逐步分析来讲解各结构的作用。

                      

 1 <!DOCTYPE html>      //文档类型  html
 2 <html>      //html起始标签
 3 <head>      //页面头部起始标签
 4     <meta charset="UTF-8">      //页面文字编码格式
 5     <title>Document</title>      //页面标题栏
 6 </head>      //页面头部闭合标签
 7 <body>      //页面内容起始标签
 8      //书写内容位置
 9 </body>      //页面内容闭合标签
10 </html>      //html闭合标签
时间: 2025-01-21 22:07:33

初识HTML-页面的结构的相关文章

JS动态更新HTML5 APP页面的结构(包括功能和布局)

HTML5 APP开发算是越来越流程了.当然,开发这样的HTML5 APP有什么好处呢.笔者认为:可以通过后台JS动态更新HTML5 APP页面的结构,是一大优势. 那如何实现该功能呢. 首先,得知道其原理:为什么可以通过后台JS就可以更新前台APP. 接着,得知道操作步骤是怎样的. 详细内容,可以查看如下链接: HTML5 APP 实现后台JS更新APP前端页面功能 HTML5 APP开发之动态调整页面布局 如需要源码,请@我 (一份完整的源代码,收费1元)

一个项目需要考虑的问题:项目路径,数据库设计和权限,安全策略,日志类实现,页面基本结构

整个项目的流程 1.构建整个项目的框架结构[基本常量的定义] [实现一个框架需要权衡和良好的包含体系] 2.数据库设计和权限控制[对访问数据库的用户权限控制:默认新创建的用户对库内的数据并没有操作权限:Grant语句进行全新啊管理] 在项目建立之初,对数据库表结构进行设计是项目的关键. 考虑到各个业务层面上,设计各自的表结构. 注意数据库的三范式结构: 数据不可分割:第一范式[关联型数据库][针对每一列字段] 每一行数据的独立性:第二范式[针对每一行数据] 数据表之间的数据不要重复冗余:第三范式

html页面基本结构

html页面基本结构 在工程路径下分为三个文件夹html,css,img.分别存放相对应的文件 html里边的样式外联css里边的样式 html的结构:在body部分分为 头,内容,脚,写上注释<div class="qiu"> <header></header> <!--头结束--> <div class="content"></div> <!--内容结束--> <foote

whistle——真机移动端页面调试【查看、修改真机端的页面DOM结构及样式】

1.查看.修改真机端的页面DOM结构及样式[参考——https://imweb.io/topic/5981a34bf8b6c96352a59401]: 1.0.需要配置的rule——域名 weinre://随便某个分类命名[如:wq.jd.com weinre://test2——test2只是作为weinre的分类,防止一个weinre调试页面出现太多的连接]: 1.1.真机上访问某个页面,如访问微信下的发现>购物页面: 1.2.点击weinre下的,刚创建的分类test2,跳到http://1

OAF_OAF页面元数据结构MDS的解析(概念)

2014-06-06 BaoXinjian 一.摘要 在OAF编译文件时,系统会通过XMLImport将所编译的XML文件,编译到数据库中,也就是MDS(Meta data Service),元数据库 而在OAF在展现给用户时,系统将存放MDS的内容,再通过程式组合成XML页面定义文件,并进行渲染 所以MDS可以存放了OAF页面的定义,所以二次开发时,在编译XML文件后,并不需要XML文件存放在服务器上 这个和Form Builder的fmx 和 fmb文件有类似性,fmx为编译后的问题,fmb

iframe页面三层结构框架搭建

iframe height设为100%,同时要使其所有父容器的height设为100%: <style type="text/css"> html, body { height: 100%; } </style> 头部导航固定: <div class="container-fluid"> <div class="navbar navbar-default navbar-fixed-top" role=&q

初识文档视图结构

1.WinApp:管理应用程序 2.CFrameWnd:管理程序的框架窗口 3.CView:管理程序的视图 4.CDocument:管理程序的数据 5.CWinApp* AFXAPI AfxGetApp();在程序的任何地方,调用这个函数,都可以获得CWinApp类的指针. 6.任何时候通过AfxGetApp()函数,都可以获得WinApp类. 7.CFrameWnd类,可以通过GetActiveView()获得当前活动视图类. 8.CView类,可以通过GetDocument()函数获得,与视

初识HTML和WEB标准

初识HTML和WEB标准 什么是 HTML? HTML 超文本标记语言的缩写(Hyper Text Markup Language) HTML 并不是编程语言,而是一种标记语言(markup language) 标记 <英文单词或者字母>称为标记,一个HTML页面都是由各种标记组成. 标记语言 一套标记标签(markup tag) 标记语言 和编程语言有一个编译过程不一样,它是直接将HTML页面交由浏览器解析执行的. HTML 使用标记标签来描述网页,用于描述超文本内容的显示方式,如字体,颜色

InnoDB引擎的索引和存储结构

InnoDB引擎的索引和存储结构 在Oracle 和SQL Server等数据库中只有一种存储引擎,所有数据存储管理机制都是一样的.而MySql数据库提供了多种存储引擎.用户可以根据不同的需求为数据表选择不同的存储引擎,用户也可以根据自己的需要编写自己的存储引擎. 1.MySQL主要存储引擎的区别 MySQL默认的存储引擎是MyISAM,其他常用的就是InnoDB,另外还有MERGE.MEMORY(HEAP)等. (1)主要的几个存储引擎 MyISAM管理非事务表,提供高速存储和检索,以及全文搜

html5学习笔记(3)--主题结构元素-1

html5学习笔记(3)--主题结构元素-1 Article元素 以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h