您的位置：首页 > Web前端 > JavaScript

我们一起写网页（html+javascript+css）

2012-12-27 20:50 309 查看


简介：html（HyperText Markup Language），超文本标记语言，是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。1982年由蒂姆·伯纳斯-李创建，由IETF用简化的SGML（标准通用标记语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护,W3C是html的推荐标准。（摘自维基百科）

html作为标记语言，我们可以用任何形式的文本工具编写代码，学过编译原理的应该知道，有些语言是编译执行的，例如c/c++/java/汇编...,而html是解释执行的，也就是说我们只要写好代码，打开浏览器就能看到效果，代码由浏览器解释并执行，开发者无需了解中间过程

还有一点，现在用的浏览器一般分为两类：

1.IE内核（例如360，IE等浏览器）

2.Mozilla 内核（例如火狐浏览器等）

IE浏览器是标准浏览器，大多数html标记都能在其上运行，而Mozilla 浏览器兼容性不高，所以建议大家在写完代码在本地测试时用IE浏览器，

还有，随着IE的版本的不断更新，一些标记已经不再支持，为了开发测试，建议大家下载一个工具：IEtester，里面包含各个版本的IE。

下面我们一起来写网页

（我用的文档是：W3C SCHOOL.CHM(网上有下载的)和清华出版的html.chm 开发工具是notepad++,很好用的...）

一、文字

<html>

<head>

<title>字体测试</title>

</head>

<body>

<!--标题字体<h#>(#=1.2.3.4.5.6)-->

<h1>h1号字体</h1><br/><!--<br/>是换行-->

<h2>h2号字体</h2><br/>

<h3>h3号字体</h3><br/>

<!--字体标签font-->

<p>

<font size=7 color=red face="隶书">

字体标签测试

</font>

</p><!--<p>是换行，size=#,(#=1,2,3,4,5,6,7),color=#(#是颜色值，你也可以利用FSCapture工具去截色),face=#(#指定字体名称，你可以利用word查看字体名称)-->

<p>

<h1><font style="font-family:隶书" >

测试

</font>

</h1>

</p>

<h2><p style="font-size:200%">测试</p></h2>

<h1><p style="color:yellow">测试</p></h1>

<p style="font-family:verdana;font-size:80%;color:green">

综合测试

</p>

</body>

</html>

效果截图如下所示：



待上传..............

二、文字布局

三、图像

四、表单

五、表格

六、超链接

<html>

<head>

<title>超链接测试</title>

</head>

<body>

<h1>

<a href="http://www.baidu.com">百度一下</a>

</h1>

</body>

</html>

七、多窗口页面

八、多媒体

<html>

<head>

<title>多媒体测试</title>

</head>

<body>

<embed src="E:\娱乐\作品.mp4"><!--这里的[b]embed标签是用来播放媒体文件的，包括音频和视频-->

</embed><br/>

<bgsound src="E:\娱乐\音乐\谢雨欣-天仙子.mp3"><!--bgsound标签是用来播放背景音乐的-->

谢雨欣-天仙子

</bgsound><br/>

<img dynsrc="gou.avi" start=mouseover loop=3 controls/><!--img 标签用来播放剪辑页面的-->

<br/>

<img src="gou.gif" />

</body>

</html>[/b]

效果截图如下：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航