学习WEB的第一天

最新推荐文章于 2024-04-29 13:48:32 发布

一春梦中风几度

最新推荐文章于 2024-04-29 13:48:32 发布

阅读量151

点赞数

分类专栏： WEB 文章标签： html

本文链接：https://blog.csdn.net/ycmzfjd/article/details/105375479

版权

WEB 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

学习WEB的第一天

2020年4月7日，打卡！
今天是学习前端的第一天，一切感觉都还行，希望我能每天都坚持下去，加油！
给大家推荐一个网站在这里,这个网站和平常的一些学习网站不一样，但是到底哪里不一样，就等你们自己去挖掘了。下面
——> 阿西河

前言

一、软件的分类

1、系统软件
2、应用软件
3、游戏软件

二、软件的组成

1、客户端
2、服务器

三、客户端

1、文字客户端
2、图形化界面
3、网页(B/S)

四、网页的特点

-不需要安装
-无需更新
-跨平台
使用的语言：
HTML、CSS、JavaScript

五、历史

1、万维网的发明人蒂姆·伯纳斯·李

2、蒂姆·伯纳斯·李在1994年建立[万维网联盟(W3C)]万维网联盟(W3C),制定网页开发的标准。

六、网页的结构

1、结构 (HTML)
- 描述页面的结构
2、表现 (CSS)
- 控制页面中元素的样式
3、行为 (JavaScript)
- 相应用户的操作

注：这上面都是一些计算机和网页的基本知识，不是很重要，有兴趣的可以看看。

HTML

1、HTML

HTML(Hypertext Markup Language)超文本标记语言，负责网页结构，超文本说简单点就是超链接。

2、网页的格式

<html>
    <head>
        <title></title>
    </head>
    <body>
    </boay>
</html>

3、HTML注释：

样式： HTML注释
(1)HTML的注释，注释中的内容会被浏览器所忽略，不会在网页中直接显示，
但是可以在源码中查看注释。
(2)注释用来对代码进行解释说明的，开发中一定要养成良好的编写注释的习惯注释要求简单明了。
(3)注释还可以将一些不希望显示的内容隐藏。
(4)注释不能嵌套。

4、标签及其属性

(1)标签
在HTML中，标签有两种，成对出现的标签和自结束标签。
①成对出现的标签：<标签></标签>
②自结束标签：<标签>
(2)属性
在标签中（开始标签或自结束标签）还可以设置属性.
语法：属性值 = "属性值"
注：
属性和标签名或其他属性应该使用空格隔开
属性不能瞎写，应该根据文档中的规定来编写

5、迭代和文档声明

(1)迭代
网页的版本
HTML4
XHTML2.0
HTML5
…

(2)文档声明
文档声明用来告诉浏览器当前网页的版本
html5的文档声明
-<!doctype html>
-<!Doctype HTML>

6、进制

总共有四种进制，分别是二进制、八进制、十进制、十六进制
进制这东西就不具体些了，觉得比较简单，主要是进制的转换比较难一点，就不多说了。

7、字符编码

所有的数据在计算机中存储时都是以二进制形式存储的，文字也不例外。所以一段文字在存储到内存中时，都需要转换为二进制编码，当我们读取这段文字时，计算机会将编码转换为字符，供我们阅读。
(1)编码和解码
①编码
将字符转换为二进制码的过程称为编码
②解码
将二进制码转换为字符的过程称为解码
(2)字符集
编码和解码所采用的规则称为字符集
(3)乱码问题
如果编码和解码所采用的字符集不同就会出现乱码问题
(4)常见的字符集
ASCII
ISO88591
GB2312
GBK
UTF-8，在开发时我们使用的字符集都是UTF-8

8、完整的网页

//文档声明，声明当前网页的版本
<!doctype html>  
  
//HTML的根标签，网页中所有的内容都要写在根标签里面
<html>
      
    //head是网页的头部，head中的内容不会出现在网页中，主要是用来帮助浏览器或搜索引擎来解析网页的
    <head>
          
        //meta标签是用来设置网页的元数据，在这里设置网页的字符集
        <meta charset = "utf-8">
          
        //title中的内容显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的内容
        <title></title>
    </head>
      
    //body表示网页的主体，网页中可见的内容都应该写在body中
    <body>
        //用户可见的内容，注释除外
    </body>
</html>

9、编辑器VSCode

这款编辑器是微软推出的，全名为Visual Studio Code，怎么说，这款编辑器本身没有什么强大的地方，但是，它支持很多的插件，使它变得非常强大。它的那些插件种类有很多，比如：VS code界面美化，还有一些其他的插件，我最喜欢的就是vscodevim，原本vim是Linux系统中的一款非常强大的编辑器，在我看来vim是我见过最人性化、最最最强大的编辑器了，没有之一，当我知道有这款编辑器之后，我就直接将我的编辑器换成了VS code，以前我用的是HBuilder，一款同样很强大的国产编辑器，支持国产嘛，我以前一直在用这款，至于VS code的强大之处，就等着你们自己去发现了。
对了，插一句，VS code还可以用来写博客、笔记之类的，下载一些插件，就可以使用markdown标记语言，用来记笔记之类的非常方便，我的博客就是用VS code编写的。下面是VS code的下载网盘链接链接：[https://pan.baidu.com/s/1Z_lbDkOkagjD-OJRAbpnBA] 提取码：cdtl

10、实体

在html中有些时候，我们不能直接书写一些特殊的符号
比如：多个连续的空格、字母两边的大于号和小于号

如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体(转义字符)
实体的语法：
&实体的名字

        &nbsp;空格  
        &gt;大于号  
        &lt;小于号  
        &copy;版权符号

当然除了这些，还有许多的其他的实体，可以在W3School离线文档里面查找，里面都是关于前端的一些东西，很实用，具体的看见了就知道了。
W3School文档的下载链接：链接:[https://pan.baidu.com/s/1hB_Ojcb1bvK1K4xAX_8jww] 提取码：sgs6

好了，以上就是我今天的前端学习内容，很少我知道，但是我想着稳一点，不求快，求精，慢一点就慢一点是吧，下次更新就是后天了，加油！

最后

若是本文有错误的地方或者有需要修改的地方，现在这里谢谢各位朋友，谢谢你们会指出我的瑕疵，谢谢你们的贡献，也希望能和朋友一起交流学习，谢谢！
联系方式见我的第一篇文章！ WEB学习日志

一春梦中风几度

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
学习WEB的第一天

学习WEB的第一天2020年4月7日，打卡！今天是学习前端的第一天，一切感觉都还行，希望我能每天都坚持下去，加油！给大家推荐一个网站在这里,这个网站和平常的一些学习网站不一样，但是到底哪里不一样，就等你们自己去挖掘了。下面——> 阿西河前言一、软件的分类1、系统软件2、应用软件3、游戏软件二、软件的组成1、客户端2、服务器三、客户端1、文字客户端2、图形化界...
复制链接

扫一扫