zoukankan      html  css  js  c++  java
  • 客户端第一天学习的相关知识

    什么是客户端?

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

     

  • 相关阅读:
    初遇黑客
    第四周学习总结
    第三周学习总结
    关于base64编码的原理及如何在python中实现
    在python中如何将十进制小数转换成二进制
    《信息安全专业导论》第二周学习总结
    计算机科学概论速读问题
    刘谨铭的自我介绍
    师生关系
    20201318快速浏览教材提问
  • 原文地址:https://www.cnblogs.com/zddq/p/zddq.html
Copyright © 2011-2022 走看看