我们一起写网页(html+javascript+css)

 

简介: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"><!--这里的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>

 效果截图如下:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值