欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

零基础学前端第一天

程序员文章站 2022-03-21 22:33:11
为了明年做准备,希望可以整理出自己的知识体系。 --- --- 人贵有恒...

1、软件分类

  • 系统软件
    • Windows
    • Linux
    • MacOS
  • 应用软件
    • Office
    • Wechat

2、软件组成

  • 客户端
    • 用户通过客户端来使用软件
  • 服务器
    • 服务器负责在远程处理业务逻辑 零基础学前端第一天

3、客户端

  • 客户端的形式
    • 文字客户端
      • 古老的方式,通过命令行使用软件
    • 图形化界面
      • 通过点击拖动来使用软件(C/S 架构)
    • 网页
      • 通过网页来使用软件,所有的网站都属于这个范畴 (B/S 架构)

4、网页开发使用语言

  • HTML
    • HTML用于描述页面的结构 ------ 结构
  • CSS
    • CSS用于控制页面中元素的样式 ------ 表现
  • JavaScript
    • JavaScript 用于响应用户的操作 ------ 行为

5、网页简史

5.1 历史

5.2 W3C的建立

  • 1994年建立万维网联盟(W3C)
  • W3C的出现为了制定网页开发的标准
  • 我们编写的网页都需要遵循W3C的规范!

6. HTML简介

  • HTML(Hypertext Markup Language)超文本标记语言
  • 它负责网页的三个要素之中的结构
  • HTML使用标签的形式来标识网页的不同组成部分
  • 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。
  • 扩展名(.html  /  .htm

7. HTML基础标签

标签语法:
<标签名></标签名>

7.2 基础结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

7.1 标题标签

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

7.2 自结束标签与注释

<!-- 我是一个注释,不会被执行,只做解释说明作用 -->
<!-- 自结束标签表示 -->
<标签名>

7.3 标签中的属性

  • 标签中还可以设置属性(开始标签或者自结束标签中设置)
  • Key : Value结构(键值对)
<h1><font color='red'>落霞与孤鹜齐飞</font></h1>
  • 上述代码效果
    零基础学前端第一天

7.4 文档声明

  • HTML5的文档声明,浏览器会按照h5的语法进行解析
    <!DOCTYPE html>
    

7.5 字符编码

  • 所有数据在计算机中存储都要使用二进制(0、1)
  • 将字符转换为二进制码的过程称为编码
  • 将二进制码转换为字符的过程称为解码
  • 字符集(charset)
    • 编码何解码所采用的规则称为字符集
    • 常见的字符集:ASCII、ISO-8859-1、GBK、GB2312、Unicode(万国码)、UTF-8
  • 乱码问题
    • 编码何解码采用的字符集不同就会出现乱码问题
  • 编码指定在meta标签
    • <meta charset="UTF-8">
    • 用来设置网页的元数据

7.6 实体

  • 在网页中编写的对各空格默认情况会自动被浏览器解析为一个空格
  • 同样的大于小于号也无法打出,(因为标签包含)
  • 列举一些常用实体
显示结果 描述 实体名称 实体编号
  空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;

8、学习总结

第一天就先到这里,对要学习的内容,做哪些准备有了一个大概的印象和规划。同时,掌握了一些基本概念,没有动手写太多的代码,明细那开始进行练习。老师说的对,好记性不如烂笔头!

加油!!!

你总是这样相信这自己!!!

本文地址:https://blog.csdn.net/Zesheng_Wang/article/details/110089536