客户端第一天学习的相关知识
什么是客户端?
客户端(Client)或称为用户端,是指与服务器相对应,为客户提供本地服务的程序。
第一天学习知识的总结
<!DOCTYPE>是什么意思?
<!DOCTYPE>位于HTML第一行,在<html>标签之前,用来告诉浏览器用什么文档标准,解析这个文档是标准模式还是兼容模式。如果该标签不存在或不正确都会导致文档呈现的效果有所差异。
HTML的结构及相关学习的标签
<html><!--根元素-->
<head><!--头部-->
<meta charset="utf-8"><!--单标签-->
<title>这是浏览网页是显示的标题</title><!--网页标题-->
<!--内联样式-->
<style>
这儿是内联样式声明属性的区域
</style>
<!--外联样式:链接一个外部的 样式名称.css 文件-->
<link rel="stylesheet" href="外联的CSS样式文件全称地址">
</head>
<body>//身体部分
<header><!--页面头部-->
<nav>导航标签</nav>
</header>
<article><!--页面内容-->
显示页面内容区域
</article>
<footer><!--页面脚部-->
</footer>
</body>
</html>
相关基础标签
HTML:根元素标签
head:头部标签
body:身体标签
meta:元标签
title:标题标签显示浏览网页的标题
style:内联样式
link:外联样式,链接外部css样式,例如:<link rel="stylesheet" href="test.css">
img:图片标签 例如:<img src="图片路径" alt="文本内容"> alt为img的属性,"文本内容"为当图片路径找不到图片时,将显示的文本内容.
相关选择器
元素选择器:会应用导所有元素名相同的元素
例如:
p{
color:red;
}
p为相应标签名,{}花括号内为声明属性,color为属性名,red为属性值。会应用所有p标签。
类选择器:选择对应类名相同的标签
例如:
.p{
color:red;
}
会应用到所有定义了类名为class="p"的标签文本,颜色为红色。注意类名都是以.开头
ID选择器:id标签定义一个唯一的id
例如:
#btn{
color:red;
}
一般id定义唯一的一个,使用js的时候才会调用。