一、html
了解了html,感觉是一个比较简单的语言,通过它,我可以将我自己的语言转化为网页上的内容。
为什么说它简单,因为其实它不需要太多的理解,最重要的就是记忆。只要把相关的标签、属性熟悉一下,基本就可以掌握。
不过作为一个刚学完C语言的编程小白来说,还是说一下我一个小白苦恼的地方。
首先
就是标签的首尾呼应,总是前边写了,后边忘了。
再有
就是英语水平低,我在想,如果我英语水平高的话,那些英语简化出来的标签属性,我岂不是可以不背了。(就是想说英语对于我们这些人很重要滴!!!)
来感受一下html的简单@@@
https://www.runoob.com/html/html-quicklist.html
二、css
如果说html浮于内容的话,css主要是美化界面的。谁不爱可可爱爱、舒舒心心的网页界面呢???
这里说一说我感觉对于使用它来说最舒心的地方
我觉得选择器搞得非常好,它把内容和我们修饰内容的idea分开,怎么说,条理清晰的感觉总是很美妙。
主要说一说id选择器和class选择器(也就是我们常说的类选择器)。
1. id选择器
作用:选中对应id属性值的元素
语法:#id属性值{}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
#para1
{
text-align:center;
color:red;
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>这个段落不受该样式的影响。</p>
</body>
</html>
<!--找了好久例子,还是最简单的最好用-->
2.class选择器
作用:选中对应class属性值的元素
语法:.class属性值{}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
.center
{
text-align:center;
}
</style>
</head>
<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
</body>
</html>
3.区别
id选择器只能用一次,而class能多次。而且能多次使用。
总的来说,
选择器和从句差不多吧,或者说css就是html的从句。
三.javascript
如果通过html和css我们已经得到了一个粉雕玉琢的小女儿,那么Javascript就像是女儿养大了,会说话了。我们干什么,她都会有相应的反应。我们通过javascript让我们的网页可互动,可被控制。
说一下js函数
自创函数fun,实现数字相加
//有多少形式参数都可以,都罗列出来
function fun(a,b){
console.log(a + b);
}
fun(3,5); //输出8
fun(8,11); //输出19
本来就有的alert函数,弹窗
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试实例</title>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">点我</button>
</body>
</html>
总结:
html主内容,css主美化,js主操作。
虽然只是短短学习了很短一段时间,但我还是基本了解了这三个陌生的东西都发挥着什么作用,在网页制作中扮演着什么角色。希望之后,能不断加深对他们的理解。同道中人们,加油!待到秋来九月八,我花开后百花杀。