第一课
css的三种写法：
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
/*css的三种写法：
1、行内样式，直接在标签内部添加style属性
2、内部样式，在html的head中添加style标签
3、外部样式，在项目中增加css文件，然后在html文档中引入*/
/*标签选择器,直接写标签名称*/
h1 {
color: blue;
}
/*类选择器,需要在标签中定义class属性，
引用时需要通过“点+class名称"进行访问*/
.clh {
color: green;
}
/*ID选择器,需要在标签中定义ID属性，
引用时需要通过“#+ID名称"进行访问*/
#cli {
color: red;
}
</style>
</head>
<body>
<h1>
这是一个标题
</h1>
<h2 class="clh">
这是一个标题2
</h2>
<h2 id="cli">
这是一个标题2
</h2>
</body>
</html>JS基础知识
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--hbuilder快捷键
1、ctrl+反斜杠 代表注释
2、crtl+shift+f 格式化代码
-->
<!--javascript语言的三种应用方式（和css一样）
1、行内脚本，直接在标签上定义onclick事件，事件里面可以直接写javascript:
这种方式不建议使用
2、内部脚本，在页面的任何地方引入script标签，以<script></script>开始和结束。
中间是具体js脚本。
3、外部脚本（外部文件）,在外部的单独js文件中定义js脚本
-->
<!--javascript的注释（2种方法）：
1、单行注释：使用//
2、多行注释：使用/* */
-->
<script>
function aa() {
alert(222);
}
</script>
<script type="text/javascript" src="js/new_file.js"></script>
</head>
<body>
<input type="button" name="btn1" value="按钮1" onclick="javascript:alert(1111)">
<input type="button" name="btn1" value="按钮2" onclick="aa()">
<input type="button" name="btn1" value="按钮3" onclick="bb()">
</body>
</html>通过引用外部脚本点击按钮改变文本内容
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<p id="demo"> A Prargraph.</p>
<script type="text/javascript" src="js/myScript.js"></script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
js脚本代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<p id="demo"> A Prargraph.</p>
<script type="text/javascript" src="js/myScript.js"></script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>通过直接调取脚本的ID来更改脚本显示的内容
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<div id="myDIV">A DIV.</div>
<script>
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
