Web的介绍

news/2024/10/21 9:20:31/

什么是web

web:全球广域网 ,也成为万维网,是通过浏览器访问的网站

web访问的流程

浏览器先对前端服务器(前端程序)发送请求 然后前端服务器对浏览器进行响应 浏览器对后端服务器(Java程序)发送请求 后端服务器对数据库服务器发送请求 数据库服务器对后端服务器进行响应 后端服务器对浏览器进行响应

web标准

  1. HTML负责网页的结构(页面元素和内容)

  2. CSS:负责网页的表现(页面元素的外观、位置等页面样式:如颜色、大小等)

  3. JavaScript:负责页面的行为

Html

  1. 图片标签<img>

    1. src:指定图像的url(相对路径/绝对路径)

    2. width:图像的宽度(像素/相对于父元素的百分比)

    3. height:图像的高度(像素/相对于父元素的百分比)

  2. 标题标签:<h1>-<h6>

  3. 水平分割线的标签<hr>

Css引入方式

  1. 行内引入:写在标签style属性中

  2. 内嵌样式:写在style标签中(可以写在页面任何位置,但通常约定写在head标签中)

  3. 外联式:写在一个单独的.css文件中(需要link标签在网页中引入)

颜色的表示形式:

  1. 关键字: 预定义的颜色名 例如:green、red等

  2. rgb表示法:红绿蓝三原色,每项取值范围:0-255 例如rgb(0,0,0)

  3. 十六进制表示法:#开头,将数字转换为十六进制表示 例如 #000000

css中的选择器:用来选取需要设置样式的元素(标签)

  1. 元素选择器 元素名称{color:red}

  2. id选择器 #id属性值{color:red}

  3. 类选择器 .class{color:red}

注意id在页面中是不能重复的,类是可以重复的

选择器的优先级为 id选择器>类选择器>元素选择器

<span>标签是一个在开发网页时大量使用的标签没有语义的布局标签 一行可以有多个<span>标签 宽度和高度默认由内容撑开

css中的font-size设置大小的时候后面记得加单位px


http://www.ppmy.cn/news/1458700.html

相关文章

从零开始打造个性化生鲜微信商城小程序

随着移动互联网的普及&#xff0c;小程序商城已经成为越来越多商家的选择。本文将通过实战案例分享&#xff0c;教您如何在五分钟内快速搭建个性化生鲜小程序商城。 步骤一&#xff1a;登录乔拓云网后台&#xff0c;进入商城管理页面 打开乔拓云官网&#xff0c;点击右上角的“…

[Linux深度学习笔记5.9]

5.9笔记 DNS: 软硬链接&#xff1a; 软链接&#xff1a; 软链接&#xff1a;ln -s /源文件 /目标位置/链接名称》创建软链接1.既可以对目录使用&#xff0c;也可以对文件使用2.删除源文件&#xff0c;软链接不可用3.软链接可以跨文件系统使用4.源文件和软链接的inode号不同5.…

springcloud第4季 springcloud-alibaba之分布式事务seata

一 seata介绍 1.1 seata介绍 1.seata是一款解决分布式事务的解决方案&#xff0c;致力于在微服务架构下提供高性能和简单易用的分布式事务服务。 2.seata的几种术语&#xff1a;一个中心&#xff1a;全局事务id TC(Transaction Coordinator):事务协调者。负责维护全局和分…

【前端】-【前端文件操作与文件上传】-【前端接受后端传输文件指南】

目录 前端文件操作与文件上传前端接受后端传输文件指南 前端文件操作与文件上传 一、前端文件上传有两种思路&#xff1a; 二进制blob传输&#xff1a;典型案例是formData传输&#xff0c;相当于用formData搭载二进制的blob传给后端base64传输&#xff1a;转为base64传输&…

leetcode 并查集

朋友圈 班上有 N 名学生。其中有些人是朋友&#xff0c;有些则不是。他们的友谊具有是传递性。如果已知 A 是 B 的朋友&#xff0c;B 是 C 的朋友&#xff0c;那么我们可以认为 A 也是 C 的朋友。所谓的朋友圈&#xff0c;是指所有朋友的集合。 给定一个 N * N 的矩阵 M&…

Vue2中引入ElementUI

Vue中引入ElementUI 目录 Vue中引入ElementUI安装 全库导入main.py使用 仅引入样式文件main.py使用 安装 官方文档 npm i element-ui -S全库导入 main.py import ElementUI from element-ui;Vue.use(ElementUI)使用 <template> <div class"main">&l…

二分查找向下取整导致的死循环69. x 的平方根

二分查找向下取整导致的死循环 考虑伪题目&#xff1a;从数组arr中查找出目标元素target对应的下标&#xff0c;如果数组中不存在目标元素&#xff0c;找 到第一个元素值小于target的元素的下标。 编写二分查找算法如下&#xff1a; Testvoid testBinarySearch(){int[] arr n…

leetcode每日一题第七十二天

class Solution { public:TreeNode* searchBST(TreeNode* root, int val) {if(!root) return root;if(root->val val) return root;else if(root->val > val) return searchBST(root->left,val);else return searchBST(root->right,val);} };