客户端第一天学习的相关知识

什么是客户端?

客户端(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的时候才会调用。

 

猜你喜欢

转载自www.cnblogs.com/zddq/p/zddq.html