HTML文件结构

转载(http://jingyan.baidu.com/article/75ab0bcbf04a75d6864db2fd.html)

HTML文件均以<html>标记开始,以</html>标记结束。<head>...</head>标记之间的内容

  用于描述页面的头部信息,如页面的标题、作者、摘要、关键词、版权、自动刷新等信息。

  在<body>...</body>标记之间的内容即为页面的主体内容。

HTML文件的整体结构及对应的预览效果如图所示。

I.页面标题标记<<title>

<title>标记用于定义页面的标题,是成对标记,位于<head>标记之间,如图1-1中显示标

题的语句为:

<title>此处显示标题<hitle>

2.辅助标签<meta> 这个用好了可以被快速检索  seo优化

<meta>标记用于定义页面的相关信息,为非成对标记,位于<head>标记之间。使用

<meta>标记可以描述页面的作者、摘要、关键词、版权、自动刷新等页面信息。<meta>标

记语句格式如下:

<meta http-equiv="??" content-"71">,

其中http-equiv属性值可以是refresh(页面刷新)、reply-to(页面回复信息)、keywords(页

面关键字)、content-type(页面内容格式)、author(页面作者)、description(页面内容摘要)、

copyright(页面版权信息)等。

例如,一个页面10秒后自动刷新到abc.html页面,则其<meta>标记语句如下:

<meta http-equiv="refresh" content=" 10 url=abc.html">

<meta name="viewport"  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>用于手机端屏幕适应的开发。

3.正文标记<body>

<body>标记用于定义正文内容的开始,</body>用于定义正文内容的结束.在

<body>... </body>之间的内容即为页面的主体内容.使用<body>标记的各种属性可以定义页面

主体内容的不同表达效果,<body>标记的主要属性如下:

bgcolor:定义网页的背景色。

background:定义网页背景图像。

时间: 2024-08-24 04:25:16

HTML文件结构的相关文章

Android studio project文件结构翻译

Android studio project文件结构翻译 个人翻译,用作备忘. 链接地址:https://developer.android.com/tools/projects/index.html#ApplicationModules Android Project Files Studio的项目文件和设置,设置的作用范围包含所有的module. 以以下的demo为例. .git:git版本控制的文件存放目录. .gradle:gradle执行一些编译所生成的目录 Idea: 由Intell

PE文件结构与函数导出表——详解与实例

PE文件结构与函数导出表--详解与实例 随着windows系统从Xp升级到Win7.Win8, 从32位升级到64位,PE文件结构在整体未变的情况下发生了一些小的变动,一方面是推荐的程序装载地址未采用,另一方面,导出函数序号不再是简单的升序,而是一定程度上的进行了乱序.本文首先对PE文件结构进行了详尽的解说,接着介绍了如何得出函数导出表,整个过程采用SysWoW64目录下的wininet.dll实例进行说明.在介绍过程中,明确指出了Win7.Win8等新系统相对Xp带来的区别. 文章链接:htt

Vue2+VueRouter2+webpack 构建项目实战(二):目录以及文件结构

通过上一篇博文<Vue2+VueRouter2+webpack 构建项目实战(一):准备工作>,我们已经新建好了一个基于vue+webpack的项目.本篇文章详细介绍下项目的结构. 项目目录以及文件结构 如图所示: 如上图所示,自动构建的vue项目的结构就是这样. 目录/文件 说明 build 这个是我们最终发布的时候会把代码发布在这里,在开发阶段,我们基本不用管. config 配置目录,默认配置没有问题,所以我们也不用管 node_modules 项目开发依赖的一些模块 src 开发目录(

图像处理笔记一bmp文件结构处理与显示

1.1图和调色板的概念 如今Windows(3.x以及95,98,NT)系列已经成为绝大多数用户使用的操作系统,它比DOS成功的一个重要因素是它可视化的漂亮界面.那么Windows是如何显示图象的呢?这就要谈到位图(bitmap). 我们知道,普通的显示器屏幕是由许许多多点构成的,我们称之为象素.显示时采用扫描的方法:电子枪每次从左到右扫描一行,为每个象素着色,然后从上到下这样扫描若干行,就扫过了一屏.为了防止闪烁,每秒要重复上述过程几十次.例如我们常说的屏幕分辨率为640×480,刷新频率为7

JVM总结(三):类文件结构

这一节我们来总结一下类文件结构方面的知识.目录如下: 类文件结构 字节码的意义 Class类文件的结构 Class类文件的存储形式 Class文件的格式 Class类文件结构详解 举例详解 一.写程序 二.查看生成的相应的Class文件的16进制形式 三.深入解析 类文件结构 字节码的意义 为什么存在字节码?  字节码是构成Java平台无关性的基石.实现语言无关性的基础是虚拟机和字节码存储格式.  Java语言中的各种变量.关键字和运算符的语义最终是由多条字节码命令组成,因此字节码命令所能提供的

ecsop文件结构

Ecshop文件结构 :ecshop二次开发手册,ECSHOP文件结构,ECSHOP目录详解 /*ECShop 最新程序 的结构图及各文件相应功能介绍ECShop文件结构目录┣ activity.php 活动列表┣ affiche.php 广告处理文件┣ affiliate.php 生成商品列表┣ article.php 文章内容┣ article_cat.php文章分类┣ auction.php 拍卖前台文件┣ brand.php 品牌列表┣ captcha.php 生成验证码┣ catalo

Android学习心得(16) --- Dex文件结构实例解析(2)

我在博客上发表一些我的Android学习心得,希望对大家能有帮助. 这一篇我们讲述一下通过一个实例来分析dex文件结构和组成. 参考Leb128数据类型 Android学习心得(5) --- dex数据类型LEB128 参考实例分析学习理解dex文件结构Android学习心得(15) --- Dex文件结构解析(1) 参考baksmali工具使用Android学习心得(4) --- MAC下smali文件编写与运行 1.编译 我们通过一个例子来分析dex文件的构成 创建一个Hello.java文

走入asp.net mvc不归路:[1]项目文件结构

先来了解一下一个asp.net mvc项目的文件结构. 1 项目文件结构一览 2 mvc,顾名思义,一个项目中最重要的就是这三个东西:M(Model,模型),V(View,视图),C(Controller控制器),其关系一般如下,控制器控制模型和视图,模型传数据给视图: 3 控制器就是控制整个逻辑走向的机制,可以对模型数据进行处理,也可以控制呈现在用户眼前的视图. 4 一般来说,一类的操作会放在同一个控制器中,如账号相关则放于AccountController中,里面有各种Action,即一个一

Linux文件结构及管理(1)

Linux系统其一的哲学思想为一切皆文件,在Linux系统中有众多的文件系统下面我们就对Linux文件系统做一个简单的介绍. Linux的文件类型查看方式为:file /path/to/somefile Linux文件类型有以下几种方式. 1):普通文件 - 2):目录文件 d 3) :链接文件 l 4):套接字文件 c 5):设备文件 字符设备文件 c (线性设备) 块设备文件   b  (字符设备) 6):命名管道 此图为查勘根目录的文件类型 从文件系统我们引出了目录文件,下面介绍下对于目录

linux文件结构---转发

linux各文件夹的作用---转载 linux下的文件结构,看看每个文件夹都是干吗用的/bin 二进制可执行命令 /dev 设备特殊文件 /etc 系统管理和配置文件 /etc/rc.d 启动的配置文件和脚本 /home 用户主目录的基点,比如用户user的主目录就是/home/user,可以用~user表示 /lib 标准程序设计库,又叫动态链接共享库,作用类似windows里的.dll文件 /sbin 系统管理命令,这里存放的是系统管理员使用的管理程序 /tmp 公用的临时文件存储点 /ro