html-css自学笔记1(前端理解架构,注释,标签)

html和css基础:

一、前端基础:

软件的架构:

(1)C/S---客户端/服务器:

  1. 一般我们使用的软件都是C/S架构,比如QQ、360、office
  2. C表示客户端,用户操作的软件;S表示服务器,服务器负责处理软件的业务逻辑
  3. 特点:软件使用前必须得安装;软件更新时,服务器和客户端同时更新;而且不能跨平台使用;C/S通信采用自有协议,相对来说比较安全。

(2)B/S-----浏览器/服务器:

  1. B/S本质上也是C/S,只不过B/S架构的软件,是使用浏览器作为软件的客户端
  2. 通过使用网页形式使用,如淘宝、京东
  3. 特点,不需要安装;客户端不需要更新;软件可以跨平台使用
  4. 通行采用HTTP协议,相对来说不安全

二、结构:

  • 结构:就是HTML页面结构
  • 表现:css来控制样式
  • 行为:javascript响应用户操作

三、html介绍:

可以使用记事本编辑代码,但是保存时,修改记事本.txt为.html。

//html基本结构
<html>
    <head>
        <title> </title>
    </head>
    <body>
        <h1><h2>
       ......
    </body>
</html>

四、html注释:

  •  <!--  -->、//、/**   */等为注释,是不会直接显示在网页里,而是只在源码中出现,我们可以用注释对代码进行描述,使得其他开发者可以看到,从而帮助他们工作。注释内容一定要简明。
  • html为根标签,每一个页面中只有一个根标签,根标签包括了网页中所有的内容。
  • head是用来帮助浏览器解析网页,但是不会直接显示在网页页面里。
  • title网页的标题标签,搜索引擎在检索页面时,首先会检索title,title里的名称可能会影响网页在搜索引擎里的排名。
  • body设置网页主体内容,网页中所有可见内容都应该写在body中。

五、标签属性:

属性:可以通过属性设置标签中的内容,属性只能在开始标签中添加,属性为名值对结构,属性名=“属性值”,一个标签中可以设置很多个属性,属性之间需要使用空格隔开。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值