Web前端学习01

最新推荐文章于 2023-02-02 22:14:09 发布

qq_43101834

最新推荐文章于 2023-02-02 22:14:09 发布

阅读量88

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/qq_43101834/article/details/107883939

版权

Web前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、
1.软件的分类
系统软件：windows、linux、macos
应用软件：office、qq
游戏软件：绝地求生、王者

2.软件组成
客户端：本地要安装的
服务器：远程处理业务逻辑

3.服务器开发语言
java、php、c#、python

4.客户端存在形式
文字客户端：古老的方式，通过命令行使软件
图形化界面：通过点击拖动来使用软件，win、android、ios应用
网页：通过访问网页来使用软件，所有网站都属于这个范畴（B/S架构）

5.网页优点、语言
不需安装、不需更新、跨平台
HTML、CSS、javascript

6.软件分为c/s，b/s为网页开发

7.w3c为了定制网页开发标准

8.网页主要有结构、表现、行为构成
结构：html描述页面结构
表现：css用于控制页面中元素的样式
行为：javascript用于响应用户操作

二、

1.结构标签

<html>
      <head>
             
             <title>哈哈</title>

      </head>

      <body>
           <h1>aaa</h1>
           <h2>aaa</h2>
           <h2>aaa</h2>
           <p>aaa</p>
      </body>
       
</html>

在这里插入图片描述
2.标签的属性

<html>
	<head>
		<meta charset="utf-8">
		<title>标签的属性</title>
	</head>
	<body>
		<!-- 
	    属性，在标签中（开始标签或自结束标签）还可以设置属性
		属性是一个名值对（x=y）
	    属性用来设置标签中内容如何显示
		属性和标签名或其他属性应该使用空格隔开
		属性不能瞎写，应该根据文档规定来编写，
		有些属性有属性值，有些没有，如果有属性值属性值应该用引号引起来
		-->
		<h1>这是我的<font color="red" size='3'>第二个</font>网页</h1>	   
	    
	</body>
</html>

在这里插入图片描述
3.文档声明、进制、字符集

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文档声明、进制、字符集</title>
	</head>
	<body>
		<!-- 
		迭代
		 网页的版本 HTML4、XHTML、HTML5等
		 文档声明（doctype）
		   -文档声明用来告诉浏览器当前网页的版本
		   -html5文档声明
		   <!DOCTYPE html>
		
		进制
		 十进制：
		   特点：满十进一
		   计数： 1 2 3 4 5 6 7 8 9 10 11 12 13 ... 19 20
		   单位数字：10个（0-9）
		 二进制：
		   特点：满二进一
		   计数：0 1 10 11 100 101 110 111
		   单位数字：2个（0,1）
		   扩展：
		     所有数据在计算机底层都以二进制形式保存
			 可以将内存想象为一个有多个小格子组成的容器，每个小格子中可以储存一个1或者1个0
			 这一个小格子在内存中被称为1位（bit）
			 8bit=1bype字节
			 1024byte=1kb千字节
			 1024kb=1mb兆字节
			 1024mb=1gb吉字节
			 1024gb=1tb特字节
			 1024tb=1pb
		 八进制：
		   特点：满八进一
		   计数：0 1 3 4 5 6 7 10 11 12...17 20
		   单位数字：8个（0-7）
		 十六进制（一般显示一个二进制数字时，都会转换为十六进制）：
		   特点：满十六进一
		   计数：0 1 2 3 4 5 6 7 8 9 a b c d e f 10 11 12 ... 1a 1b 1c 1d 1e 1f 20 ..
		   单位数字：16个（0-f）
		   
		 字符编码：
		   例如 ->110000110110
		   110000110110 ->例如
		   
		   所有数据在计算机中储存时都是以二进制形式存储的，文字也不例外
		   所以一段文字再存储到内存中时，都需要转换位二进制编码
		   当我们读取这段文字时，计算机会将编码转换为字符，供我们阅读
		   
		   编码：将字符转换为二进制码的过程称为编码
		   解码：将二进制码转换为字符的过程称为解码
		   字符集（charset）：编码和解码所采用的规则成为字符集
		   乱码问题：如果编码和解码所采用的字符集不同，就会出现乱码问题
		   常见字符集：ASCII/GB2313/ISO88591/GBK/UTF-8（万国码）
		-->
	</body>
</html>

4.完整格式

<!-- 文档声明 声明当前网页的版本 -->
<!DOCTYPE html>

<!-- html的根标签（元素），网页中的所有元素都将写到根元素里面 -->
<html>
	
	<!-- head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页 -->
	<head>
		
		<!-- meat标签用来设置网页的元数据 这里meat用来设置网页的字符集，避免出现乱码 -->
		<meta charset="utf-8">
		
		<!-- title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的主要内容 -->
		<title>网页的标题</title>
	
	</head>
	
	<!-- body是html的子元素，表示网页的主体，网页中所有的可见内容都应该写在body里 -->
	<body>
		
		<!-- h1网页的一级标题 -->
		<h1>网页的大标题</h1>
	
	</body>
</html>