精华内容
下载资源
问答
  • 1.根据W3C的标准,一个网页是由三个部分组成:结构(HTML)、表现(CSS)、行为(JavaScript)。 2.一个良好的网页要求三者分离。 原因:一个软件通常是维护时间大于开发时间,为了方便维护,所以采用三者分离的方式...

    一、基础常识概念

    1.根据W3C的标准,一个网页是由三个部分组成:结构(HTML)、表现(CSS)、行为(JavaScript)。
    2.一个良好的网页要求三者分离。 原因:一个软件通常是维护时间大于开发时间,为了方便维护,所以采用三者分离的方式。
    3.耦合,代码之间的关系过于亲密,修改一个必须要同时修改其他。解耦,降低代码之间的关系。

    二、HTML介绍

    1.HTML(Hpertext Markup Language)超文本标记语言,它负责网页三个要素之中的结构,HTML使用标签的形式来识别网页中的不同组成部分。
    所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面;
    纯文本一般只能存放文字,不能存放图片、音频、视频等,例如(记事本就是一个文本编辑器,只能存储文本内容,字体大小、颜色等内容不能存储)而HTML也是一种文本但是可以显示图片和连接,故叫做超文本;
    标记:HTML中使用标签对内容做标记。

    2.HTML超文本标记语言中的基本语法:

    • 标签(元素)——成对出现
      书写格式 :<标签名>xxx(content)</标签名> ——分别为开始标签、标签内容、结束标签。

    • 标签(元素)——自结束标签
      书写格式:<标签名/> 或者 <标签名>

    • 属性
      属性可以用来设置标签如何处理其中的内容。
      属性是一个名值对结构(名=值)。
      属性需要写在开始标签中,属性名=‘属性值’(单引号和双引号都可以)。
      多个属性之间采用空格隔开。

    3.基本结构:

    <!doctype html>               //文档申明版本类型,告诉浏览器当前网页的版本都是html5版本
    <html lang = "en">            //lang属性用来指定语言,搜索引擎可以通过lang属性来判断网站是英文还是中文等(en表示英文、zh表示中文)
    <html>                        //根标签
                 <head>
                              <meta charset="utf-8">     //指定网页的一个编码字符集
                               <title>网页的标题</title>
                 </head>
                  <body>                                           //网页主体
                               <!-- 网页可见的内容 -->
                   </body>
    </html>
    

    4.常用标签:
    在使用html标签的时候,强调的是语义。

    • h1-h6标题标签;
      标题标签,总共有6个,分别是h1-h6,从h1-h6重要性越来越低,h1最重要,重要性仅次于title,搜索引擎会根据h1的内容来判断网页的主要内容。一般情况下一个页面中只能有一个h1,且标题标签只会使用h1-h3(一般都是顺序使用)。
      格式:

    • p段落标签;
      段落标签:表示一个段落,每个段落前后都有距离,每两个标签之间都有距离且每个段落都是独占一行(说明是块标签)
      格式:

    • br换行标签;
      在html中多个空格和换行会被解析为一个。(当想让源代码中一段文字换行显示时,通过源码换行显示,则网页中并没有换行显示,必须使用br标签来进行换行,br是一个自结束标签)。
    • hr水平线(用于分割);
      hr水平线标签,可以在页面中出现一条水平线。hr本来表示水平线,在h5中用于表示分割两个区块
    • 实体:
      语法:&实体的名字;(所有符号都是英文的)
      关于实现输出多个空格:可以使用实体(转义字符)来表示一些特殊的字字符。(例子 空格-&nbsp; 可以实现一个空格输出,每多一个&nbsp 浏览器中的显示就多一个空格)
      特殊符号也可以按照&#unicode编码进行书写,unicode编码采用十进制书写,而在文档中通常采用的是十六进制。
      | 空格 | &nbsp |
      |大于号|&gt|
      |小于号|&lt|
      |版权符号|&copy|
      |编码|&Unicod|

    5.标准的网页

    <html>         
                <head>
                             <title></title>
                </head>
                <body>
                              <h1></h1>
                </body>
    </html>
    
    • 一个根标签 ,所有的内容都得书写在根标签中,且一个网页中只能有一个根标签。
    • 根标签只有两个子标签 (子标签在根标签里面),也有一个子标签
    • title和html的关系就是后代和祖先的关系,而head和title是父子标签,一层包含关系之后的都称为后代和祖先,title是html的后代、html是title的祖先,head和body就是兄弟标签。
    • head标签是头的意思,里面书写的东西在网页里面是看不见的,是给浏览器看的,用于帮助浏览器来解析网页。
    • body标签是主体的意思,网页所有的可见内容都应该写在主体里面。
    • title标签用来设置网页的标题,修改的是网页弹出的标题。title会成为搜索引擎搜索成功之后的连接标题。

    6.网页编写的注释语句:

    <!--  HTML注释 -->  
    
    • 注释中的内容会被浏览器忽略,不会在页面中显示,但是在源码中会显示。注释用来对代码进行解释说明。(一定要养成良好的编写注释的习惯,注释要求简单明了)。
    • 浏览器对源码进行渲染的时候,会对不正确的标签进行自动修正,浏览器修正的不是源代码,而是源代码在内存中的结构。
      html中的注释不能嵌套。

    7.html中的属性
    font的属性支持:颜色、字体大小(1-7,浏览器默认3)、字体类型。
    具体写法:

    <h1> 这是<font color = 'yellow'> 网站的</font> 标题 </h1>
    

    通常不赞成使用,不赞成使用的原因:一个良好的网页要求结构、表现、行为三者分离,而html中只负责结构,颜色字体等都不归属于它,而font的三个属性明显超出了结构的范畴,所以不建议使用。所有html中的标签涉及样式的都不赞成使用。
    html中,对于标签我们关注的不是它的样式,而是它的语义。

    展开全文
  • 《《HTML网页基本结构与DW》.pdfHTML网页基本结构与DW信赖源于专业预习检查请描述HTML文档的基本结构!标题标签有哪几种类型?– 到哪些标签可以控制文字样式?– – 2课程目标和项目展示本门课程目标能制作...

    《《HTML网页基本结构与DW》.pdf

    HTML网页基本结构与DW

    信赖源于专业

    预习检查

    请描述HTML文档的基本结构!

    标题标签有哪几种类型?

    哪些标签可以控制文字样式?

     

    2

    课程目标和项目展示

    本门课程目标

    能制作界面美观大方、面向企业应用的静态商业网站,

    含动态脚本功能。

    课程项目展示

    3

    本章目标

    了解Internet的相关介绍

    了解HTML技术

    掌握网页背景设置

    掌握字体和段落标签的应用

    4

    Internet相关技术介绍

    TCP/IP协议:是Internet国际互联网络的基础。

    –HTTP协议:用于浏览网页

    –FTP协议:用于Internet文件共享

    IP地址和域名简介

    –IP地址:标识网络中每台主机的唯一地址。

    –域名:用于标识IP地址的有意义的词组。

    URL (Uniform Resource Locator)

    统一资源定位符,用于精确定位网络中的各种资源。如网

    页、图片、音乐、视频等。

    5

    Internet相关技术介绍

    Web浏览器

    – 将网页文件翻译成丰富多彩的网页

    常用的浏览器:

    – IE、FireFox、……

    绝对路径和相对路径

    – 绝对路径:文件或目录在硬盘上的真正路径。

    C:\xyz\test.txt 或/index.htm

    – 相对路径:相对于某个基准目录的路径。

    ./ 代表当前目录 ../ 代表上级目录

    6

    HTML语言

    什么是 HTML?

    – HTML (Hyper Text Markup Language) 指的是超文本

    标记语言

    – 是一种标记语言,用来描述网页的,而非编程语言

    – 标记语言是一套标记标签(markup tag)

    – HTML 使用这套固定的标记标签来描述网页

    7

    HTML标签

    HTML 标签

    – HTML 标记标签通常被称为 HTML 标签(HTML tag)

    – HTML 标签是由尖括号包围的关键词,比如

    – HTML 标签通常是成对出现的,比如

    – 标签对中的第一个标签是开始标签,第二个标签是结

    束标签 。开始和结束标签也被称为开放标签和闭合标

    – HTML 标签不区分大小写

    8

    HTML网页的结构

    HTML网页的结构

    网页标题

    欢迎来到HTML 头部部分

    您好,HTML !

    主体部分

    网页内容,可以是

    文本、图像等

    这部分包括标题和其他说明信息。包括在

    … 标签内

    这部分包含文本、图像和链接。它包括在

    … 标签内

    …标签标记HTML 文档的开始和结束

    9

    展开全文
  • 网页基本代码结构

    千次阅读 2021-06-12 02:00:49
    文件内容..........</body></html>这是一个标准网页的声明是文档的头部,通常在标签里面还有可能加入css等样式,例如meta是html中的元标签,其中包含了对应html的相关信息,客户端浏览器或服务器端的程序会根据...

    先上格式

    <html>

    <head>

    <title>标题<title>

    </head>

    <body>

    ..........文件内容..........

    </body>

    </html>

    这是一个标准网页的声明

    是文档的头部,通常在

    标签里面还有可能加入css等样式,例如

    meta是html中的元标签,其中包含了对应html的相关信息,客户端浏览器或服务器端的程序会根据这些信息进行处理。

    content(内容类型):重要!!这个网页的格式是文本的,网页模式

    charset(编码):特别重要!!!这个网页的编码是gb2312,中文编码,需要注意的是这个是网页内容的编码,而不是文件本身的,其他类型的编码中文可能会出现乱码。编码通常会出现gb2312以及utf—8两种规范,utf—8比较贴近于国际标准,而如果这个站只针对中国的话,可以选择gb2312。

    是网页的名称,每张网页都有可以有个固定的名字,但也可以没有

    标签在html语言中,就是标题的意思

    与之间的文字就是该网页的名字。

    keywords是网页关键词,以前搜索引擎非常重视抓取这个东西,可是因为很多站长过度优化关键词,现在已经不那么重要了。

    description是网页描述,介绍这个网页的大概内容。

    是HTML语言的标签. 意思是主体。 网页的主体布局就在body里面进行。

    最后放入一些标准化底部样式的地方,比如友情链接,比如网站备案等等等等。

    展开全文
  • 网页基本结构

    2021-02-24 17:24:47
    网页基本结构: doctype :出现在网页源代码中的第一项是 doctype 声明。 它为Web浏览器(或其他用户代理)提供了有关书写页面的标记语言类型的信息,这可能会或可能不会影响浏览器呈现内容的方式。 html :紧随...

    网页的基本结构:

    doctype :出现在网页源代码中的第一项是 doctype 声明。 它为Web浏览器(或其他用户代理)提供了有关书写页面的标记语言类型的信息,这可能会或可能不会影响浏览器呈现内容的方式。

    html :紧随 doctype 之后的是 html 元素——这是文档树的根元素,后面的所有内容都是该根元素的子孙元素。html 标签标记的整个网页内容, 网页可以被视为可以包含任意数量分支的文档树。每个分支以一定的规则包含相应的项目。

    head :head 元素包含描述文档本身的元数据信息,或者与其相关的资源(如脚本和样式表)关联。

    body: 这是页面块所在的位置。 您在浏览器窗口中可以看到的所有内容都包含在此元素内,包括段落,列表,链接,图像,表格等。

     

    网页基本结构示例图:

    展开全文
  • 用HTML编写一个简单的网页网页的最基本结构应该是?更多相关问题年产量为100万吨以下的一级矿井,年度死亡人数不得超过()人。恶性蝾螈瘤是指()。闭孔泡沫塑料组织按照组织中员工总数或某一类人员总数的比例关系来...
  • HTML网页设计:一、HTML的基本结构

    千次阅读 热门讨论 2021-03-17 22:02:24
    HTML的基本结构 1.HTML文档的组成 HTML文档主要由3部分组成。 ●HTML部分:HTML部分以<HTML>标签开始,以</HTML>标签结束。<HTML>标签用来告诉浏览器这两个标签中间的内容是HTML文档。 ●头部:...
  • 那么今天我们学习的这样一个网站基本结构,对于我们一个整体的网站的开发来说,应该显得是最为的基础。一个网站的基本结构的话呢,我们主要在网站一开始进行开发的时候就用到这个结构,一个结构会显得我们整个网站的...
  • 1、页面的基本结构 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>标题栏</title> </head> <body> 网页内容 </body> </...
  • 1.HTML (常用标签 网页基本结构)2.CSS (常用样式 网页的显示效果)3.JavaScript (用户交互效果 动态效果)4.jQuery (JavaScript库 简化原生js操作)5.Ajax (异步数据交互 在页面不刷新的情况下...
  • 一、HTML基本结构一个HTML文档是由一系列的元素和标签组成,元素名不区分大小,HTML用标签来规定元素的属性和它在文件中的位置。HTML超文本文档分文档头合文档体两部分,在文档头里对这个文档进行了一些必要的定义,...
  • 这篇HTML5页面布局我们来学习组成HTML5网页基本结构都包含了哪些内容,首先先来看下源代码。欢迎关注头条号/自学编程hello world以上就是一个HTML5网页的最基本结构。下面我们对以上的源代码进行逐一的学习。声明...
  • “超文本”就是指页面内可以包含图片、链接,...html超文本标记语言2.html语言的基本写法及技巧1)html网页文件创建:首先我们可以在桌面上创建一个文本文档,将文本文档的后缀.txt修改为.html,然后保存,我们的htm...
  • html浏览器内核、标签、web标准、网页基本结构说明一、html浏览器内核二、网站、网页、web标签三、标签规范四、基本结构完 说明 本教程适用于零基础 本教程的主要内容: html浏览器内核 web标准 标签规范及分类 ...
  • HTML5 基本结构

    2021-06-09 05:42:22
    基本结构HTML的文件后缀名为.html,下面是一个HTML文档的基本结构。头部区域HTML的头部区域 head 用于定义一些网页的初始化工作,例如网页的标题、文档的编码、载入JavaScript、CSS文件等...简明教程 其中title标签...
  • HTML标记语言——HTML的基本结构html标记语言基本结构HTML的基本结构1 内容1.1 解释HTML文档的文档标记,也称为HTML开始标记1.2 功能这对标记分别位于网页的最前端和最后端在最前端表示网页的开始在最后端表示网页的...
  • HTML5的网页结构..................DOCTYPE声明HTML4中的DOCTYPE声明格式如下图:HTML5中的DOCTYPE声明格式如下图:HeadHTML完了之后就是Head部分,head表示的就是不在浏览器内容的正文显示部分显示。Head里面有个...
  • 【单选题】用HTML标记语言编写一个简单的网页,网页基本结构是A. html〉 〈head〉…〈/head〉 〈frame〉…〈/frame〉 〈/html〉 B. 〈html〉 〈title〉更多相关问题[多选] 数控加工中心适宜于加工()的零件。[多选...
  • 基本的HTML网页结构

    2021-06-10 08:26:30
    基本的HTML网页结构基本的HTML网页结构互联网起源于1969年的阿帕网,然后逐渐发展,但最初在互联网上只能使用字符,界面简单、功能有限,主要是一些专业人员在使用,应用范围很窄。1989年,欧洲粒子物理实验室的人...
  • 引入了需要通过JavaScript 编程才能完全的各种效果,而这些很多都是HTML5 原生的 基本格式 文档结构: //文档声明类型 文档为Html //表示文档开始 lang声明文本的语言 //包含文档元数据开始 //声明文档的编码格式 ...
  • 网页基本结构 网页是存放在服务器端某个文件夹内的文件,它可以使静态的(可以包含Javascript,但是客户端访问这个网页时,他不是被程序加载出来的,而是像下载某个图片那样下载过来的。这貌似就是以前的网页的...
  • 一、Web之HTML基本结构

    2021-05-06 14:34:06
    目录Web标准HTML基本结构HTML常用标签1.标题标签:2.段落标签:3.换行标签:4.文本格式化标签:5.<div>和<span>标签:6.图像标签:7.超链接标签:8.注释标签:9.特殊字符标签: 网页是图片、链接、文字、...
  • 静态网页基本结构及标签 HTML概念 超文本标记语言HTML是生成WWW网页文件的语言,用以生成超文本文档。在文档中,可以加入任何元素(文本、图像、动画、声音等)的链接 使用浏览器浏览的网页就是HTML文档 通常是使用...
  • 分析网页结构是获取网络数据的前提,网页一般用超文本标记语言(Hyper Text Markup Language,简称:HTML)创建。HTML是描述网页的一种语言,使用标记标签来描述网页,其扩展名为.html HTML标签 HTML是用来描述网页的...
  • HTML5移动端最基本网页模板代码(以下HTML代码可直接拷贝复制使用):手机网站最基本HTML模板body{font-size:62.5%;font-family:"Microsoft YaHei",Arial; overflow-x:hidden; overflow-y:auto;}.viewport{ max-width:...
  • HTML(Hypertext Markup Language,超文本标记语言)诞生于20世纪90年代初,用于指定构建网页的元素,这些元素中的大多数都用于描述网页内容,如标题、段落、列表、指向其他网页的链接等。HTML5是HTML的最新版本,它的...
  • <!DOCTYPE html> <!-- 这句话告诉浏览器,请使用HTML5的标准来解释这个网页 --> <...这是网页的标题<...-- head是网页的头部,这里的信息都是对网页的整体说明 --> <body>
  • 网页设计技术之HTML的基本结构说明网页设计技术追溯到上世纪起步阶段时,设计师们是通过HTML语言对网页进行标记来完成网页的制作的。例如,要在某一行要放一段文本,就做一个文本的标记,某一列要放一张图片,就做一...
  • 1、html基本规则我的网页………………………..………………….几乎所有的网页都是按照这个格式来的,这是一个网页必须具备的标记,每个标记都放在<>里,以>结束,只不过在省略号的地方加了很多乱七八糟的...
  • 网页制作与HTML语言基本结构.ppt》由会员分享,可在线阅读,更多相关《网页制作与HTML语言基本结构.ppt(44页珍藏版)》请在人人文库网上搜索。1、2020/8/9,1,网页制作和HTML语言基本结构网页制作概要使用...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 282,869
精华内容 113,147
关键字:

网页的基本结构