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

网页制作学习1----初步认识javascript和html

2016-01-22 18:48 633 查看
先借助Dreamweaver 来生成主体代码：

1、首先点击新建，可以在右下角选择文档类型，然后点创建就可以了。

2、然后它自己会生成一堆代码，是基本格式，要注意它的编码格式是什么，可能是UTF-8。可以点击编辑下的首选参数，然后点击新建文档，有默认编码，可以改成gb2312。这样以后再次新建的时候就会是  charset=gb2312.

3、下面就先不用Dreamweaver，直接用它生成的下面这段代码进行学习。

简单的知识：     A、title里的字就是在标题栏里的，body里的字就是在下面的页面里。

                             B、<script>里包含的alert会有弹出窗口的效果。

    
     C、把文件存成.html拖入浏览器即可。

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

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />

<title>小bee开始学习javascript</title>

</head>

<body>

<noscript>

         本站必须启用JavaScript

</noscript>

<scripttype="text/javascript">

         alert('弹出一个窗口 ');

</script>

欢迎来到JavaScript世界！

</body>

</html>



点击确定之后，会显示出body里面的字体：



如果是  欢迎来到<p/>JavaScript世界！



         4、一般来说， JS代码越来越庞大的时候， 我们最好把他另存为一个.js文件， 通过src引入即可。它还具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展的特点。

<scripttype="text/javascript"src="demo1.js"></script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  javascript html dreamweaver
相关文章推荐
新的分享
章节导航