足球游戏_中国足彩网¥体育资讯$

html文档基本结构(制作网页基础知识)
来源:易贤网 阅读:2732 次 日期:2014-05-09 14:18:02
温馨提示:易贤网小编为您整理了“html文档基本结构(制作网页基础知识)”,方便广大网友查阅!

HTML运行原理:

1.本地运行:html文件用浏览器打开

2.远程访问运行:本地浏览器访问远程服务器(tomcal)

网页的文件名最好不要有中文,因为将来网页文件都是保存到服务器上的建议都使用英文保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 文件后缀。

二、HTML文档基本结构

1、文档的骨架:所有的网页文件,通常由下面四对标记来构成文档的骨架

代码如下:

<html>

<head>

<title> 网页标题 </title

</head></p> <p><body>

这里放置的是要在网页中显示的内容

</body>

</html>

<html>....</html>:标识网页的开始与结束,所有的html元素都要放在这对标记中

<head>....</head>:标识网页文件的头部信息,如标题,搜索引擎关键字等.里面的内容最先加载

<title>....</title>:标识网页文件的标题

<body>....</body>:标识网页文件的主体部分,即页面可见的内容

2、meta标签

meta标记用于定义文件信息,对网页进行说明,便于搜索引擎查找,要放置在<head>  <head/>之间

设置关键字:(比较短,用于搜索引擎)

<meta name="keywords" content="value"/> value表示要设置的关键字,多个关键字之间用,分隔开

设置描述:(用于对关键字进行扩展,或对网页的内容进行概述性的描述)

<meta name="description" content="value"/> value表示要设置的描述,多个描述之间用,分隔开

设置作者:

<mate name="author" content="作者名" />作者名一般都是公司名称

设置网页的编码:

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

设置页面定时跳转:

<meta http-equiv="refresh" content="2;url=http://www.baidu.com" /> (content="2;url=http://www.baidu.com" 2表示该网页过多少秒跳转到url指定的目的地)

描述网页的版本:

<meta name="revised" content="html4.01">

可设置其他网页信息:

<meta name="others" content="这个我第一个网站,网站的主要内容有动漫,音乐,文章,博客等等,欢迎大家光临!">

描述网页是通过那种软件产生:

<meta name="generator" content="记事本">

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">

<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<meta name="keywords" content="网页设计,学网页" />

<meta name="description" content="如何学习网页设计,学习网页设计的方法,HTML中文手册" />

<meta name="author" content="脚本之家" />

<meta http-equiv="refresh" content="2;url=http://www.baidu.com" />

<meta name="revised" content="html4.01">

<title>HTML文档基本结构_meta标签</title>

</head>

<body>

meta标记用于定义文件信息,对网页进行说明,便于搜索引擎查找,

</body>

</html>

3、head区

代码如下:

<head>

<title> 网页标题 </title>文件标题声明

 <mate> 一些文档的信息,如对该文档关键词,描述,字符集设置等等。

<base> 超链接网址基准参考点

javascript和VBScript程序

stylesheet 可用来设置排版来的声明

<link> 可引用外部文件,如CSS排版样本

</head>

三、HTML标记的语法

html最基本的语法就是<标记符>内容</标记符>,标记符通常都是成对使用的一个开头标记和一个结束标记,还有一种单标记没有结束标记,如<hr/>

HTML标记类型:单标记和双标记

双标记:

有属性:<标记名称 属性="属性值">...</标记名称> 如:<font size="3">.....</font>

无属性:<标记名称>...</标记名称> 如:<title>.....</title>

单标记:

有属性:<标记名称 属性="属性值"> 如:<hr width="200"/>(默认是居中的)

无属性:<标记名称> 如:<br />

代码如下:

<!-- 有属性:<标记名称 属性="属性值">...</标记名称> 如:<font size="3">.....</font>-->

<font size="4" color="#33FF00">2、体育老师说:谁敢穿裙子上我的课,就罚她倒立!</font> </p> <p><!--无属性:<标记名称>...</标记名称> 如:<title>.....</title>--></p> <p><!-- 有属性:<标记名称 属性="属性值"> 如:<hr width="200"/>(默认是居中的)-->

<hr width="200"/></p> <p><!--无属性:<标记名称> 如:

表示换行但不换段--></p> <p>3、住在我心里,你交房租了吗?

4、你让我下不了台,我让你连上台的机会都没有

中国足彩网信息请查看IT技术专栏

中国足彩网信息请查看网页制作
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标