HTML基础:HTML的基本结构

2016-02-19 10:11 12 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的HTML基础:HTML的基本结构懂设计的网友们快点来了解吧!

【 tulaoshi.com - Web开发 】

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
FONT SIZE=2
  这是我第一次做主页,无论怎么样,我都会努力做好!
/FONT
/CENTER
/BODY
/HTML
━┓
 ┃文件头
━┛
━┓
 ┃
 ┃
 ┃
 ┃文件体
 ┃
 ┃
 ┃
 ┃
━┛
超文本中的标签
  刚刚接触超文本,遇到的最大的障碍就是一些用和括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。
1. 单标签
  某些标记称为单标签,因为它只需单独使用就能完整地表达意思,这类标记的语法是:
           标签名称
   最常用的单标签是BR, 它表示换行。
2.双标签
  另一类标记称为双标签,它由始标签和尾标签两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:
             标签 内 容/ 标签
  其中内容 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一EM /EM标记中:
              EM第一:/EM
3.标签属性
  许多单标记和双标记的始标记内可以包含一些属性, 其语法是:
         标签名字 属性1 属性2 属性3
  各属性之间无先后次序,属性也可省略(即取默认值),例如单标记HR表示在文档当前位置画一条水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:
HR SIZE=3 ALIGN=LEFT WIDTH="75%"  其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是"100%"。

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

延伸阅读
HTML标签的语义 如今Web标准都被通俗的叫做div+css或者层布局。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到)。 HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法以外,...
标签: Web开发
正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 HTML用h1到h6这几个Tag来定义正文标题,从大到小。每个正文标题自成一段。 h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 h4This is a heading/h4 h5This is a heading/h5 h6This is a heading/h6 段落划分 在HTML里用p和/p划分段落。 pThis is a ...
标签: Web开发
   组成Cgi程序的是两部分,一部分是html页面,就是用户看到的东西。另一部分则是运行在服务器上的程序。一般来说,我们先些html页面,再些程序。所以我们的学习页是这样,先看看表单的写法,再去学习CGI程序。 对于html的表单,有比较复杂和详细的规定。但由于它们是属于html标准里的东西,所以我不打算详细讲解。最好是你自己...
标签: Web开发
什么是HTML文件? HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。 和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 这就试写一个HTML文件吧! 打开你的Notepad,新建一个文件,然后拷...
标签: Web开发
HTML标签的语义 如今Web标准都被通俗的叫做“div+css”或者“层布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到)。 HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法...

经验教程

605

收藏

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