HTML教程-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%"。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索文档
, 标签
, 标记
, 属性
, 单文档启动最大化
, 单文档
, 部分
一些
html基本结构、html文档的基本结构、html的基本结构、html5基本结构、html文件的基本结构,以便于您获取更多的相关知识。

时间: 2024-11-03 04:12:57

HTML教程-HTML基本结构的相关文章

Phalcon入门教程之目录结构

原文发表于:Phalcon入门教程之目录结构 很多初学Phalcon的朋友,对于以Phalcon框架为基础构建的项目,应该如何组织目录结构有点摸不着头脑.比如多模块的项目中,如何共用"libs"类库和"models"目录中模型类的情况,就有很多刚接触Phalcon朋友经常在群里问这种问题. 我们在翻阅Phalcon文档的时候,会看到"教程2:INVO简介"中有一个项目结构的demo,其中总结到" Phalcon不会强求应用程序使用特定的

css基础教程之网页结构布局

从本篇开始讲述如何用css实现网页的布局,即如何用css控制网页内各个元素的显示位置.如果你是一个初学者,很可能觉得做一个网页的第一步就是布局.其实不然,css网页的设计过程可以参考分为以下几步: 平面设计->页面切割->布局->细节控制 平面设计是一个网页的精髓所在,读者直接面对的界面,在本站以后的文章中会涉及此方面内容.也许你会认为在脑子里形成一个网站的大概印象就可以了,那么这种想法直接就给你贴上业余的标签.推荐工具:Photoshop: 页面切割其实可以划分到布局里,因为你的页面切

Swift教程之类与结构详解_Swift

类与结构是编程人员在代码中会经常用到的代码块.在类与结构中可以像定义常量,变量和函数一样,定义相关的属性和方法以此来实现各种功能. 和其它的编程语言不太相同的是,Swift不需要单独创建接口或者实现文件来使用类或者结构.Swift中的类或者结构可以在单文件中直接定义,一旦定义完成后,就能够被直接其它代码使用. 注意:一个类的实例一般被视作一个对象,但是在Swift中,类与结构更像是一个函数方法,在后续的章节中更多地是讲述类和结构的功能性. 1.类和结构的异同 类和结构有一些相似的地方,它们都可以

Yii入门教程之目录结构、入口文件及路由设置_php实例

项目名称从"FantaCMS"修改成为"testyii"------ 俗! 1,项目目录结构分析 2,Yii入口文件分析 在Yii启动项目时,传递了项目主配置文件数组,那么Yii会在整个应用中绑定一个全局的Yii对象并且可以通过如下方法来调用该对象:Yii::app() Yii系统把配置文件中的数组值,通过键值对的形式绑定到了该对象上,例如在配置文件中我们配置了: 'name'=>'My Web Application', 那么我们在项目的任何一个地方通过该对

MS SQL Server入门教程

SQL Server 是一个关系数据库管理系统,它最初是由Microsoft,Sybase和Ashton-Tate三家公司共同开发的,于1988年推出了第一个OS/2版本.在Windows NT推出后,Microsoft与Sybase在SQL Server的开发上就分道扬镳了,Microsoft将SQL Server 移植到Windows NT. MS SQL基础教程:SQL Server 2000 简介 MS SQL基础教程:SQL Server 2000 的新特性 MS SQL基础教程:SQ

SEO实战入门教程:元标签的详细介绍(上)

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在上节教程<SEO实战入门教程:网站结构>中我们有粗略的提到网站的"元标签",从文中我们基本了解了什么是元标签以及元标签的位置.但是对于元标签的作用以及优化方式没有涉及到,那么这节教程我们就来详细的分析下"元标签".(上节中将title标签定义到元标签中,从网页设计的角度来讲是不科学的,但是

说说我的MySQL

mysql 今天做网站的可离不得数据库,说不定你维护的网站就连接着MySQL数据库.MySQL是一种关系型数据库管理系统(RDMS),我们知道,有了数据库,你的网站才会由死气沉沉的静态站点一跃而变得"神采奕奕".活力四射,个人数据的管理.一般性的日常数据库应用等等都靠网站后端的数据库支撑着呢,这就是MySQL大显神威的地方了!我们这篇文章要谈论的就是MySQL数据库,希望读者能从概述性的本文中学到更多关于MySQL数据库的知识,由此进入MySQL世界的大门. 巨便宜的全能数据库 MyS

php中call_user_func函数使用注意事项_php技巧

本文实例讲述了php中call_user_func函数使用注意事项.分享给大家供大家参考.具体分析如下: call_user_func函数的注意事项:parse error: syntax error, unexpected t_list, expecting t_string in,今天在使用这个函数的时候一直提示上述问题,参看官方的手册也没有介绍使用其的注意事项. 附:mixed call_user_func(callback $function [,mixed $parameter [,m

call_user_func函数的注意事项

call_user_func函数的注意事项 parse error: syntax error, unexpected t_list, expecting t_string in 今天在使用这个函数的时候一直提示上述问题.参看官方的手册也没有介绍使用其的注意事项. 附: mixed call_user_func ( callback $function [, mixed $parameter [, mixed $... ]] ) 可以传递任何内置的或者用户自定义的函数,除了语言结构如array(