浅析html网页基本概念

来源:脚本之家  责任编辑:小易  

HTML网页的基本结构及基本功能 一、HTML网页的基本结构1、HTML——超文本标记语言,浏览器解析html标记后,展示内容2、H5——HTML5(目前流行比较火)3、网页的基本结构3.1静态网页的拓展名htm或html3.2新建网页的步骤:1、新建文本文档,更改拓展名

什么是网页?html文档经过浏览器内核渲染后展示出来的页面(五大主流浏览器及四大内核)

交互式网站主体设计使用程序语言(ASP、PHP、Java等),多数基于数据库,页面制作中使用辅以 JavaScript 脚本语言、精美的页面、生动的 Flash 可以够成丰富多采的网页,加上后台控制页面可以生成功能强大的页面,如网上办公、网上销售、网上招聘

html文档文件名后缀是.html,之前存在的.htm是为支持DOM系统(目前织梦还是用.htm文件名结尾文件)

1.1 什么是HTML1.1.1 网页的基本概念1.1.2 HTML的工作原理1.1.3 HTML文档的结构1.2 网页制作的工具——Dreamweaver81.2.1 Dreamweaver8的界面1.2.2 菜单栏1.2.3 Dreamweaver8的工具栏1.2.4 文档窗口1.2.5 属性面板1.2.6 面板组1.3 页面属性的设置1

编码是我们通过代码的形式把想要展示的页面写到html文档里面,接着渲染作为一个动作,主要是html文档本身无法被人很好识别的,所以需要经过浏览器内核渲染展示为正常人看的页面,查看页面源代码快捷键是CTRL+U;通常源代码展示如下:                       

网页标题 网页内容

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="referrer" content="origin" /> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>大灰牛</title> <link rel="stylesheet" href="/css/blog-common.min.css?v=PEqf9X5sM-TqgxEJ-34zllMNrLPY7PzC3YhmnDnLGWA" /> <link id="MainCss" rel="stylesheet" href="/skins/simpleblue/bundle-simpleblue.min.css?v=MH15aYd6DmX-6TABpA2xkiKENy3GAhiM2dh5rOPH89I" /> <link id="mobile-style" media="only screen and (max-width: 767px)" type="text/css" rel="stylesheet" href="/skins/simpleblue/bundle-simpleblue-mobile.min.css?v=_zt2QFQyJHJRlBTpIRPn4DadnHSequpRNJvrnOfJ3Go" /> <link type="application/rss+xml" rel="alternate" href="https://www.cnblogs.com/dhnblog/rss" /> <link type="application/rsd+xml" rel="EditURI" href="https://www.cnblogs.com/dhnblog/rsd.xml" /> <link type="application/wlwmanifest+xml" rel="wlwmanifest" href="https://www.cnblogs.com/dhnblog/wlwmanifest.xml" /> <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script> <script src="/js/blog-common.min.js?v=F-Iy-_Lj7VcUKRIvNkS6UZ5LItMqjh1_L0VZk9Yxfb8"></script> <script> var currentBlogId = 576770; var currentBlogApp = 'dhnblog'; var cb_enable_mathjax = false; var isLogined = true; </script> </head> <body>...</body> </html>

HTML和XHTML的区别: 1、元素的嵌套 在 HTML 中,某些元素可以彼此不正确地嵌套。 在 XHTML 中,所有的元素必须正确地嵌套。 2、文档内根元素差异 在XHTML中元素必须被嵌套于 根元素中。 3、规范性 在HTML中允许一些不规范的写法,但是在XHTML则

俗称“网页三件套”和网页相关的技术是:html、css、JavaScript,HTML+css负责页面内容,JavaScript负责页面的行为,HTML主要是页面的结构,css通过样式起到美化页面作用,JavaScript完成页面交互!

梅葆玖是京剧表演艺术家,梅派传人。李玉则是流行歌手,以男人演女人,唱女声的形式,引起了广大群众的关注。本来,他们是不同的艺术领域,井水不犯河水的。可是,人活世上,两山不碰头,两个人,都算是艺术界的人士吧,总会有所交接。李玉刚与梅葆玖的交集,与他们所从事的艺术形式有某些表面上的相似之处引起的。男人演女人,是京剧界的传统方式。梅派艺术是以男人演女人的。李玉刚也是以男人扮女人唱女声为人所知的。他们看起来很像,但是却属于不同的艺术门类。我这里说男人演女人,而不说“反串”就是因为在不同的艺术门类中,他们的定义是不一样的。通俗歌曲中,男人扮女人被称为“反串”,是借鉴了戏曲的术语。但是,戏曲中“反串”的定义

HTML代码主要分为两大部分:文本内容和标签内容;文本是能够直接被浏览器显示出来的如文字、符号等,而标签则是类似这种<p></p>用尖括号括起来额,不能直接被浏览器展示,具有一定的特殊意义。

全运会女排战场的硝烟刚刚散尽,国家队总教练郎平的集结号就已经吹响,中国女排将士厉兵秣马,全国球迷万众瞩目,女排姑娘们即将带着国人的希望,挥师日本,剑指大冠军杯。由于精英赛和大奖赛中国女排表现不尽如人意,这次郎指导术后不久就远涉重洋回到北京提前特训了朱婷和小苹果,并有可能亲自指挥即将到来的大冠军杯比赛,为的就是重新提振中国女排的士气,给队员重新树立信心。\n\n大冠军杯虽然不像奥运会世锦赛那样重要,但也是四年一届,与世界杯、世锦赛、奥运会错开,刚好保证每年都有一项重要的排球赛事。中国女排曾在2001年由陈忠和率领黄金一代夺得大冠军杯,开创了中国女排的二次辉煌时代。2009年和2013年随着黄金一

标签都是成对出现的,分为开始和结束,当然也有例外,比方说:<hr/><br/>这样的就不是。标签里面所包裹的东西称之为元素<span>元素</span>,为元素添加附加附加信息是属性<span style="color:red">元素</span>, style="color:red"前面属性名,后面是属性值。

眼睛是心灵的窗户,一双炯炯有神的大眼睛自然会让人眼前一亮。但是很多小眼睛单眼皮的美眉也不要抱怨自己没有大眼睛哦,其实通过后天的努力调整还是可以让自己眼睛变大的。没有丑女人只有懒女人,一起来学习一下让眼睛变大的方法吧。1、经常瞪眼睛此方法经真人试用确实有效,优点是完全天然,无需借助其他外界力量。缺点就是见效慢,需要长时间的日积月累。至少要一年的时间吧,有毅力的朋友们可以试一下。2、贴双眼皮贴贴上双眼皮贴是会比眼睛不贴的时候显大的,因为眼皮贴扩大了眼睛的外部轮廓。所以会显得眼睛很大了哦,你可以试试看效果。3、佩戴美瞳带颜色的美瞳往往能扩大黑色眼珠的面积,带上这样的美瞳眼镜往往可以显得眼睛更大更有神

当然如果是类似这样存在它也是一个元素具有属性<tag style="color:red">元素</tag>,但是它是不被浏览器认可的,因为W3C指万维网联盟(World Wide Web Consortium) 已经定义好了标签,参考:HTML手册

    郑智化  把他排在第一的原因很简单,熟悉他的人都知道他所唱的是什么歌。作为一位台湾歌手敢出来公然反对“台独”,唱一些励志歌《大国民》《蜗牛的家》《面子问题》等等,都是绝世经典之作,也许他的歌不是最好的,但他的爱国情结绝对是可圈可点的。    文章  早年文章曾在某大型颁奖礼上领奖时,率先就感谢老婆马伊琍,“谢谢我老婆,为了让我来,她把所有的事情都自己做了,所以最先要感谢他。”稍微停顿了几秒后,文章说了一句让大家都震惊的话,“因为这个奖是凭借《雪豹》拿的,所以我就代表剧中人物说一句话:‘钓鱼岛是我们中国人的。”大家掌声雷动,非常霸气。    李冰冰  李冰冰是最早拒绝在日本活动的明星,因

HTML 学习:熟悉了解标签的运用,通过CSS属性样式美化页面;HTML标签主要包含有:文本、图片、链接、列表、表格、表单、框架嵌套

HTML语法注意以下三点:1.html文档从上往下读取2.标签之间可以相互嵌套3.html的基本结构如下:

 

<html> <head> 这里是文档的头部 ... ... ... </head> <body> 这里是文档的主体 ... ... ... </body> </html>

总结

以上所述是小编给大家介绍的html网页基本概念,希望对大家有所帮助!

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

html的基本原理

HTML(Hypertext Markup Language)即超文本标记语言。它是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言,经常用来创建Web页面。HTML文件是带有格式标识符和超文本链接的内嵌代码的ASCII 文本文件。

HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈.

也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂.

HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragragh),但它们的与一般文本有区别,因为它们放在单书名号里。故Paragragh标签是

,块引用标签是

。有些标签说明页面如何被格式化(例如,

开始一个新段落),其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。

关于标签,需要记住的是,它们是成双出现的。每当使用一个标签--如

,则必须以另一个标签

将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。

基本HTML页面以标签开始,以结束。在它们之间,整个页面有两部分--标题和正文。

标题词--夹在和标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间--即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。

那么让我们建立一个简单的范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)

然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。

HTML的基本格式一般是:

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

body中间放添加的内容.title设置页面的名字;

如何理解html的层次性结构?一个html网页最基本的层次结构是什么

HTML的基本结构

  超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

<HTML>

   <HEAD>

      头 部 信 息

   </HEAD>

   <BODY>

     文 档 主 体, 正 文 部 分

   </BODY>

</HTML>

   其中<HTML>在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略<HTML>标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。<BODY> 标记一般不省略, 表示正文内容的开始。

HTML文件的基本含义

HTML文件的基本含义:

超文本标记语言或超文本链接标示语言(标准通用标记语言下的一个应用)HTML(HyperText Mark-up Language)是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。

它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

HTML文件是可以被多种网页浏览器读取,产生网页传递各类资讯的文件。从本质上来说,Internet( 互联网)是一个由一系列传输协议和各类文档所组成的集合,html文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协议用户可以远程获取这些文件所传达的资讯和信息。

网络浏览器,例如Netscape Navigator或Microsoft Internet explorer,能够解释HTML文件来显示网页,这是网络浏览器的主要作用。当使用浏览器在互联网上浏览网页时,浏览器软件就自动完成HTML文件到网页的转换。

优点:打开速度快,操作简单,无需下载其他阅读器。

缺点:改变格式,无法直接引用,界面不友好,阅读不方便。

举例:

来查看一个HTML文件的例子。打开喜爱的网络浏览器,在浏览器的地址输入框内敲入相关网址,进入Active Server Pages的网点(计算机应该已连上了Internet)。当在屏幕上显示了此网页后,从网络浏览器的菜单条上选择View Source命令。此时屏幕上就会弹出一个新的窗口并显示一些古怪的文字。所看到的这些文字就是HTML文件。

什么是网页基本概念

网页的基本概念

网页是存放在Web服务器上供客户机用户浏览的页面—HTML文档。

(1)网页的基本内容

网页题头

版权申明

联系信息

网页正文

(2)网络设计的基本步骤

构架设计

工具准备

编写网页

上传网页

维护网页

(3)网页制作的3C准则

Content(内容)

Clarity(清晰性)

Color(色彩)

2. HTML语言基础

HTML是一种用于标注文档的网页构建语言,使得该文档能够在WWW浏览器中显示。

3. HTML文档的基本结构

序(prologue)

指出该HTML文档的HTML语言版本号。

头部(head)

存放HTML文档的属性内容,一般包含有Web页面的标题(Title)。

正文(body)

HTML文件中,各个部分中所定义的项都称为元素。

由于HTML版本的更新,同一个网页(HTML文档)在不同的Web浏览器上可能有不同的显示结果。

原因,每种浏览器支持不同水平的HTML版本的不一致性。

4. HTML文档编辑工具

HTML文档是一个纯文本文件,因此对编辑工具没有特殊要求。

为了方便、高效地开发,可以采用具有“所见即所得”的可视化编辑工具。

例:MS Office中的Frontpage、Netscape浏览器中的PageEdit等。

Word也可,但文件太大。

html书写一个基本页面

1、新建html文档,在html文档中输入网页的基本元素,然后设置网页的标题为“测试页面”:

2、在body标签中添加img标签,然后为这个标签添加“src”属性,属性值为“./scence.jpg”:

3、在img标签中嵌套一个a标签,为这个标签添加href属性,属性值为原题中的地址,这时点击图片将会导航到163官网:


  • 本文相关:
  • 浅析html网页基本概念
  • 中文转换成html中的utf-8的方法
  • 如何为element-ui的select和cascader添加弹层底部操作按钮
  • 如何用iframe套用对方网页数据而又保持兼容的实现方法
  • web前端矢量小图标的使用方法
  • html常用meta大全(推荐)
  • html页面支持暗黑模式的实现
  • html页面中返回顶部的几种实现小结
  • html清除浮动的其中两种方式
  • html浮动提示框功能的实现代码
  • html的基本原理
  • 如何理解html的层次性结构?一个html网页最基本的...
  • HTML文件的基本含义
  • 什么是网页基本概念
  • html书写一个基本页面
  • 网页HTML的基本结构是什么?
  • 交互式动态网页的基本概念是什么
  • 网页编程的第1章 HTML基础
  • HTML文档的基本结构是什么?
  • HTML和XHTML的区别是什么?
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved