学习日常-Web相关知识点
1.HTML基础知识
<html>
<head>
<title>网页的标题</title>
<meta charset="utf-8"/>
</head>
<body>
写网页的主体
</body>
</html>
1.<html>内容信息</html>
解释:HTML文档的文档标记,也称为HTML开始标记
功能:表示网页的开始和结束
2.<head>内容信息</head>
解释:HTML文件头标记,也称为HTML头信息开始标记
功能:用来包含文件的基本信息,比如网页的标题、关键字,在内可以放、、等等标记
注意:当中的内容不会在浏览器当中显示
3.<title>内容</title>
解释:HTML的标题文件
功能:网页的主题,显示在浏览器的窗口的左上边!
4.<body>内容</body>
解释:HTML文档的主体标记
功能:…是网页的主体部分,在此标记之间可以包含如<p></p>、<h1></h1>、<br>、<hr>
等等标记,正是由这些内容组成了我们所看见的网页
2.CSS基本知识
CSS基本结构
选择器{
属性:属性值;
属性:属性值;
}
网页中使用css的三种方式
1.行内样式
<h1 style="color:red;font-size: 12px;">第八天</h1>
2.内部样式
<style type="text/css">
h1{
color:red;
font-size:12px;
}
</style>
3.外部样式
<link href="css/common.css" rel="stylesheet"/>
当行内样式,内部样式,外部样式同时作用于一个标签时,优先级是 行内》内部》外部
js基本知识
1.什么是JavaScript
JavaScript一种直译式脚本语言,一种基于对象和事件驱动并具有安全性的客户端脚本语言;
也是一种广泛应用客户端web开发的脚本语言。
简单地说,JavaScript是一种运行在浏览器中的解释型的编程语言。
2.JS的使用方法
HTML标签中内嵌JS;
<input type="button" value="刷新" onclick="alert(js的内部实现方法)">
HTML页面中直接使用JS:
<script>
function fun(){
if(confirm("是否刷新"))//页面提示判断符
window.location.reload();
}</script>
引用外部JS文件:
<script language="js",src="js文件路径"></script>
3.JS中的变量的数据类型
String:字符串类型。用""和’'包裹的内容,称为字符串。
Number:数值类型。可以是小数,也可以是正数。
boolean:真假,可选值true/false。
Object:(复杂数据类型)
Null:表示为空的引用。var a = null;
Undefined:未定义,用var声明的变量,没有进行初始化赋值。var a;
JS 中的对象分为三类:
内置对象(静态对象):js自身已经写好的对象,且不依赖于对象,可直接调用
本地对象(非静态对象):使用时必须依赖于对象,需要先行实例化,常见的本地对象有 Object、Function、Data、Array、String、Boolean、Number、RegExp、Error等
宿主对象:js主要运用的两个环境:DOM(文档对象模式)和BOM(浏览器对象模式)。