HTML的基本结构

2016-02-19 14:58 18 1 收藏

有了下面这个HTML的基本结构教程,不懂HTML的基本结构的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

网页制作Webjx文章简介:超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
  
  HTML的基本结构
  
  超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
  
  HTML
  
  HEAD
  
  头部信息
  
  /HEAD
  
  BODY
  
  文档主体,正文部分
  
  /BODY
  
  /HTML
  
  其中HTML在最外层,表示这对标记间的内容是HTML文档。我们还会看到一些Hompage省略HTML标记,因为.html或.htm文件被Web浏览器默认为是HTML文档。HEAD之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。BODY标记一般不省略,表示正文内容的开始。
  
  下面是一个最基本的超文本文档的源代码:
  
  HTML
  
  HEAD
  
  TITLE一个简单的HTML示例/TITLE
  
  /HEAD
  
  BODY
  
  CENTER
  
  H3欢迎光临我的主页/H3
  
  BR
  
  HR
  
  FONTSIZE=2
  
  这是我第一次做主页,无论怎么样,我都会努力做好!
  
  /FONT
  
  /CENTER
  
  /BODY
  
  /HTML
  
  ━┓
  
  ┃文件头
  
  ━┛
  
  ━┓
  
  ┃
  
  ┃
  
  ┃
  
  ┃文件体
  
  ┃
  
  ┃
  
  ┃
  
  ┃
  
  ━┛
  
  超文本中的标签
  
  刚刚接触超文本,遇到的最大的障碍就是一些用“”和“”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。
  
  1.单标签
  
  某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:
  
  标签名称
  
  最常用的单标签是BR,它表示换行。
  
  2.双标签
  
  另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:
  
  标签内容/标签
  
  其中“内容”部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一EM/EM标记中:
  
  EM第一:/EM
  
  3.标签属性
  
  许多单标记和双标记的始标记内可以包含一些属性,其语法是:
  
  标签名字属性1属性2属性3…
  
  各属性之间无先后次序,属性也可省略(即取默认值),例如单标记HR表示在文档当前位置画一条水平线(horizontalline),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:
  
  HRSIZE=3ALIGN=LEFTWIDTH="75%"
  
  其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居中),RIGHT(右对齐);WIDTH属性定义线的长度,可取相对值,(由一对""
  
  号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值

来源:https://www.tulaoshi.com/n/20160219/1608461.html

延伸阅读
标签: Web开发
现在我们来学习HTML的结构(我们只讨论严格型的,也包括XHTML)。 首先给出一份严格的HTML的一些常见的规则: 1. 网页总以一个DOCTYPE开始,紧接着,html元素必须出现在网页的开头和结尾。 2. 只有head、body元素可以直接包含于html中,其他任何元素都必须包含于head或body中。 3. ...
标签: Web开发
您正在学习WEB标准CSS网页布局吗?是不是还不能完全掌握纯CSS布局?通常有两种需要您特别注意: 第一种可能是你还没有理解CSS处理页面的原理。 在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉...
  1.1一般标记 一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成,其语法为:<x受控文字</x 其中,x代表标记名称。<x和</x就如同一组开关:起始标记<x为开启(ON)的某种功能,而结束标记</x(通常为起始标记加上一个斜线/)为关(OFF)功能,受控制的文字信息便放在两标记之间。例如:<...
标签: Web开发
选择合适的、有意义的元素去描述你的内容,确保您所选择的是富有语义的类class和id特征值,以合适的标签来组织编写HTML文档,建立具有良好语义的结构。 相关精彩文章 用CSS控制浏览器滚动条样式源代码 [专题]谷歌浏览器:Google Chrome 主要就是我对结构和开发效率之间的矛盾的一个思考,css框架怎样才能不破环结构的一...
标签: Web开发
视频已经在 Web 上广泛流行了,但是其格式几乎都是专有的。YouTube 使用 Flash,Microsoft 使用 Windows Media®,Apple 使用 QuickTime。在一种浏览器中用来嵌入这些内容的标记在另一种浏览器中是无效的。因此,WhatWG 提议引入一个新的 video 元素,用来嵌入任意视频格式。例如,可以用以下代码嵌入我的 QuickTime 电影 a Sora in Pro...

经验教程

257

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部