web快速入门

最新推荐文章于 2025-03-22 11:42:54 发布
最新推荐文章于 2025-03-22 11:42:54 发布
阅读量880 收藏 3
点赞数 4
分类专栏： web 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Embers_Young/article/details/113394007
版权

本篇文章按照我从零开始学习web的顺序向下写，充分反映像我这样的小白的入门路程。

编译器的使用

我选择了vscode，这个编译器使用起来也比较方便，我们如何用它来创建一个html文件呢？

  1. 首先新建文件以后，在右下角找到 纯文本，并将其修改为 html
    在这里插入图片描述
    样子如上图。
  2. 然后我们就可以在里面写自己需要实现的代码了。
    我们知道通常是会有一个标准的格式，我们不必每次新建一个文件都要把各种头文件、字符编码等等再写一次，所以这里采用快捷生成——在开头输入“!”(注意是英文的感叹号)，然后敲击tab，就会自动生成我们需要的标准代码：
    在这里插入图片描述
  3. 然后保存，保存的时候会让我们修改文件名。
  4. 运行的话，我们可以在保存的位置直接打开（使用默认浏览器）
    当然我们也可以在vscode中安装一个插件：open in browser
    在这里插入图片描述
    安装好之后重启一下软件，然后在自己创建的文件标题上右键，就可以选择使用默认浏览器打开。
    在这里插入图片描述
    这样我们就可以成功运行我们的文件了。

采用简单的一句话测试一下：
在head或者body中添加一句：

<script type ="text/javascript" charset="utf-8">
    alert("hello")</script>

让页面弹出一句hello弹窗。
在这里插入图片描述
如图，成功！

另附：vscode批量修改为 ctrl+shift+L

添加各种元素

添加图片

    <img border="0" width="100" height="100" src="https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=743029324,887271348&fm=26&gp=0.jpg" align ="right">

图像标记为 < img > 里面主要属性可以添加：
align：是指定图像的位置（左、中、右）
id：指定的id号
class：指定图像所属的类型
name：用于设定图像的名称
src：规定插入的图像的url地址，也就是含路径的图像文件名
title：设定图像的标题
alt：表示图像的替代文字
border：设定图片的边框
height和width：分别用于指定图像的高度和宽度
hspace和vspace：分别用于设定图像的左右边框大小和上下边框大小
ismp和usemap：在应用图像地图（map）时使用
dynsrc：指定要下载的影像片断的url地址
controls：设定影像播放的控制接钮
start：设定何时开始播放影像片断
（Fileopen、Mouseover）
loop：指定影像片断的播放次数

例如我们添加一个影像地图标记< map >
（热点标记< area >，为单标记）

<body>
    <img border="0"usemap="#picture" width="200" height="200" src="https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=743029324,887271348&fm=26&gp=0.jpg" align ="left">

<map name="picture" id="picture">

<area
shape="circle"
coords="20,20,20"
href ="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn.sinaimg.cn%2Fsinakd20122%2F200%2Fw1080h720%2F20200408%2F0034-iryninw6547536.jpg&refer=http%3A%2F%2Fn.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1614502868&t=e28f1913cc5bfa994da84535a4e139f7"
target ="_blank"
alt="aa" />

<area
shape="rect"
coords="100,100,200,200"
href ="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.xbjcyc.cn%2Fuploads%2Fallimg%2F190425%2F1104212645_0.jpg&refer=http%3A%2F%2Fwww.xbjcyc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1614502868&t=390bad32e08df0f0b05a515cf1bc37ae"
target ="_blank"
alt="bb" />

</map>
</body>

按照上面的代码，我们可以在点击页面不同位置的时候，实现对图片的跳转。
coords 指出了x，y坐标，即可以响应的位置。
target设置了我在点击该位置时可以在新的窗口中打开设置好的图片。

注意 我们在页面中不能滥用图片，要保证网页的下载时间小于15s、尽量避免使用高分辨率的真彩照片（可以用ps先进行处理），否则加载过慢会影响用户体验。

图片的格式

以下格式可以在网页中显示：

格式全称支持颜色缺点压缩备注
GIF图像互换格式8位（256种）不能显示实景图象基于LZW算法的无损压缩只包含少数清晰颜色的图像
JPEG联合图像专家小组24位（1670万种）有损压缩会降低图像的质量有损压缩注：升级版JPEG2000支持有损和无损
PNG流式网络图形格式24位不支持动画应用效果有损压缩保留了灰度和RGB图像中的透明度

以下格式必须使用插件才能浏览：

  1. 位图（BMP）: 不支持文件压缩、不适用于 Web页面。它是Windows操作系统中的标准图像文件格式，是由一系列小点组成的图片，且支持高达 24 位的图像。
  2. TIFF：Tag lmage File Format , Mac中广泛使用的图像格式。
    特点是图像格式复杂、存贮信息多。正因为它存储的图像细微层次的信息非常多，图像的质量也得以提高，故而非常有利于原稿的复制。
    该格式有压缩和非压缩二种形式，其中压缩可采用LZW无损压缩方案存储。
    TIFF格式灵活易变，它又定义了四类不同的格式：
    TIFF-B适用于二值图像：
    TIFF-G适用于黑白灰度图像；
    TIFF-P适用于带调色板的彩色图像：
    TIFF-R适用于RGB真彩图像。
  3. PSD：Photoshop的专用格式Photoshop Document（PSD）。
    包含有各种图层、通道、遮罩等多种设计的样稿，以便于下次打开文件时可以修改上一次的设计。
  4. SWF：利用Flash可以制作出一种后缀名为SWF（Shockwave Format）的动画，
    这种格式的动画图像能够用比较小的体积来表现丰富的多媒体形式。
    SWF动画是基于矢量技术制作的。
  5. WebP：google开发的一种旨在加快图片加载速度的图片格式。
    图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。
    Facebook Ebay等知名网站已经开始测试并使用。
    WebP是一种有损压缩。相较编码JPEG文件，编码同样质量的WebP文件需要占用更多的计算资源。
    WebP格式图像的编码时间“比JPEG格式图像长8倍”。
    桌面版Chrome可打开WebP格式。
  6. SVG：缩放向量图形 Scalable Vector Graphics 。可以任意放大图形显示，但绝不会以牺牲图像质量为代价；
    它是基于XML，由W3C联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。
    用户可以直接用代码来描绘图像，
    可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。
    文字在SVG图像中保留可编辑和可搜寻的状态；
    平均来讲，SVG文件比JPG和GIF格式的文件要小很多，因而下载也很快。
    所有浏览器均支持 SVG 文件，不过需要安装插件的 Internet Explorer 除外。
    插件是免费的，比如 Adobe SVG Viewer
    该方法的使用可以参考如下代码：
<embed src="rect.svg" width="300" height="100" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />

然而，如果需要创建合法的 XHTML，就不能使用 < embed >。任何 HTML 规范中都没有 < embed > 标签。
所以可以使用如下代码：

<iframe src="rect.svg" width="300" height="100"> </iframe>

当然也可以和css结合
参考如下网站：

http://www.webhek.com/svg/
http://www.html5tricks.com/tag/svg/

本部分内容参考自山大web课程ppt第三讲。

添加动画效果

使用jQuery添加动画

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script > 
    $(document).ready(function(){
      $("button").click(function(){
        $("div").animate({left:'250px'});
      });
    });</script> 
    </head> 
    <body>
    <button>开始动画</button>
    <div style="background:#9ac222;height:100px;width:100px;position:absolute;"></div>
    </body>
</html>

使用css添加动画效果

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:red;
animation:myfirst 5s;
-moz-animation:myfirst 5s; /* Firefox */
-webkit-animation:myfirst 5s; /* Safari and Chrome */
-o-animation:myfirst 5s; /* Opera */
}

@keyframes myfirst
{
from {background:red;}
to {background:yellow;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {background:red;}
to {background:yellow;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {background:red;}
to {background:yellow;}
}

@-o-keyframes myfirst /* Opera */
{
from {background:red;}
to {background:yellow;}
}
</style>
</head>
<body>

<div></div>

</body>
</html>

当然，from… to… 可以使用如下代码代替

0%   {background:red;}
25%  {background:yellow;}
50%  {background:blue;}
100% {background:green;}

添加视频

使用 < embed > 标签

<embed src=" " height="200" width="200"/>

使用 < object > 标签

<object data=" " height="200" width="200"/>

使用 < video > 标签

< video > 是 HTML 5 中的新标签。
以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频：

<video width="320" height="240“ controls="controls"> 
      <source src="movie.mp4" type="video/mp4" /> 
      <source src="movie.ogg" type="video/ogg" /> 
      <source src="movie.webm" type="video/webm" /> 
      Your browser does not support the video tag. 
</video>

视频文件的几个主要格式

AVI格式(.avi)

音频视频交错(Audio Video Interleaved)
所有运行 Windows 的计算机都支持 AVI 格式。但非 Windows 计算机并不总是能够播放。

<img   src= “image/brocast.gif ”   dynsrc= “End07.avi ”   >

自动播放.avi格式
且dynsrc 属性不是标准的 HTML 或 XHTML 元素。仅有 Internet Explorer 支持该属性。

QuickTime格式(.mov、.qt)

QuickTime是Apple计算机公司开发的一种音频、视频文件格式
QuickTime 是因特网上常见的格式
QuickTime 电影不能在没有安装额外的（免费）组件的 Windows 计算机上播放。

  <object width="160" height="144" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"> 
    <param name="src" value="sample.mov"> 
    <param name="autoplay" value="true"> 
    <param name="controller" value="false"> 

    <embed src="sample.mov" width="160" height="144" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/">
    </embed> 

</object>

MPEG格式（.MPEG/.MPG)

MPEG的全名为Moving Pictures Experts Group/Motin Pictures Experts Group，中文译名是动态图像专家组。
MPEG 格式是因特网上最流行的格式。它是跨平台的，得到了所有最流行的浏览器的支持。
MPEG文件格式是运动图像压缩算法的国际标准，它包括 MPEG-1，MPEG-7
MPEG标准包括MPEG视频、MPEG音频和MPEG系统(视频、音频同步)三个部分，
MP3音频文件就是MPEG音频的一个典型应用

Mpeg-4 ( *.mp4)

Mpeg-4 (with H.264 video compression) 是一种针对因特网的新格式。
MP4 格式是一种新的即将普及的因特网视频格式。HTML5 、Flash 播放器以及优酷等视频网站均支持它。

MPEG-7

（它的由来是1+2+4=7，因为没有MPEG-3、MPEG-5、MPEG-6）MPEG－7并不是一种压缩编码方法，其正规的名字叫做’多媒体内容描述接口，其目的是生成一种用来描述多媒体内容的标准。
MPEG-7标准化的范围包括：
一系列的描述子（描述子是特征的表示法，一个描述子就是定义特征的语法和语义学）；
一系列的描述结构（详细说明成员之间的结构和语义）；
一种详细说明描述结构的语言、描述定义语言（DDL）；一种或多种编码描述方法。

RealVideo格式(.RA/.RM/.RMVB)

流式传输
由RealNetworks 公司开发的RealVideo
RealProducer G2 和RealEncoder 编码器
转换其它格式的视频文件来实现，这种技术为视频的网上出版展示了美好的前景。
RMVB影片格式比原先的RM多了VB两字，在这里VB是VBR（Variable Bit Rate–可变比特率）的缩写
RealVideo 格式是由 Real Media 针对因特网开发的。该格式允许低带宽条件下（在线视频、网络电视）的视频流。由于是低带宽优先的，质量常会降低。

WMV格式(.WMV)

WMV又是一种独立于编码方式的在Internet上实时传播多媒体的技术标准，
Microsoft公司希望用其取代QuickTime之类的技术标准以及WAV、AVI之类的文件扩展名。
如果未安装额外的（免费）组件，就无法播放 Windows Media 电影。一些后期的 Windows Media 电影在所有非 Windows 计算机上都无法播放，因为没有合适的播放器。

Flash( .flv/.swf)

Flash (Shockwave) 格式，由 Macromedia 开发的，要额外的组件来播放。FLV 是FLASH VIDEO的简称，FLV流媒体格式是随着Flash MX的推出发展而来的视频格式。它形成的文件极小、加载速度极快，
它的出现有效地解决了视频文件导入Flash后，使导出的SWF文件体积庞大，不能在网络上很好的使用等问题。

ogg格式

Ogg是一个自由且开放标准的容器格式，由Xiph.Org 基金会所维护,免费，不受专利保护的在Ogg的多媒体框架下Theora提供有损的图像层面，用音乐导向的Vorbis编解码器作为音效层面Ogg全称应该是OGGVobis(oggVorbis)是一种新的音频压缩格式，类似于MP3等的音乐格式。
Chrome 浏览器直接内建Ogg支持

webm 格式

由Google提出，开放、免费的媒体文件格式。
以 Matroska（即 MKV）容器格式为基础开发的新容器格式，里面包括了VP8影片轨和 Ogg Vorbis 音轨，其中Google将其拥有的VP8视频编码技术以类似BSD授权开源，Ogg Vorbis 本来就是开放格式。

在这里插入图片描述

添加音频

Web音频主要有内嵌音频和可下载音频

内嵌音频

在网页设计中一般是拒绝背景音频的。
内嵌音频一般主要用于视频、Flash动画的伴音

<EMBED SRC = “daisy.wav”> or <BGSOUND = “imagine.wav”>
<object>
Html5  <SOUND>

可下载音频

音频文件完全下载到用户客户端后，使用Windows Media Player或RealOnePlayer等媒体播放器进行播放，用户可以对音频完全控制：回放、暂停、停止、音量

音频格式

midi

Musial Instrument Digital Interface(乐器的数字化接口)
是一种针对电子音乐设备（比如合成器和声卡）的格式。MIDI 文件不含有声音，但包含可被电子产品（比如声卡）播放的数字音乐指令。所以 MIDI 文件极其小巧。
例子只有 23k 的大小，但却能播放将近 5 分钟。
MIDI 得到了广泛的平台上的大量软件的支持。大多数流行的网络浏览器都支持 MIDI。

ra/.rm/.ram

RealAudio 格式是由 Real Media 针对因特网开发的。
该格式也支持视频。
该格式允许低带宽条件下的音频流（在线音乐、网络音乐）。由于是低带宽优先的，质量常会降低。

.mp3

此标准也是从早期的 MPEG 工作的基础上发展而来的。它是一种音频压缩技术，是 MPEG-1 和 MPEG-2 规范的一部分。
保真度
MP3 是其中最受欢迎的针对音乐的声音格式。
MP3 是最新的压缩录制音乐格式。
MP3 这个术语已经成为数字音乐的代名词。

其他格式的音频
  1. wav
    Windows 使用“波形音频”(WAV)文件格式将声音存储为波形。
    因特网上最受欢迎的无压缩声音格式
    一分钟的使用“脉冲编码调制”(PCM) 编码的声音可以占用少则 644 KB或多达27MB的存储空间。
    这一存储空间大小取决于采样频率、声音的类型（单声道或立体声）和用于采样的位数。
    Wave (waveform) 格式是由 IBM 和微软开发的。所有运行 Windows 的计算机和所有网络浏览器（除了 Google Chrome）都支持它
  2. swf
  3. mov/.qt
  4. au
    Unix 音频(.au)文件是使用 UNIX 生成的声音文件。
  5. wma
    WMA 格式 (Windows Media Audio)，质量优于 MP3，兼容大多数播放器，除了 iPod。
    WMA 文件可作为连续的数据流来传输，这使它对于网络电台或在线音乐很实用。
    在这里插入图片描述

总结

在网页设计时我们可以添加很多元素，但是一定要考虑用户感受，我们必须在添加视频、音频、插件等的时候慎重考虑，因为文件越大，需要带宽越大，下载时间越大。页面很长时间加载不出来，便会降低用户的体验。

web入门
qq_27009517的博客
11-30 2245
导学 为什么学习Web知识？ 我们的生活和工作离不开互联网，互联网网页的制作是Web技术的成果。也正因为此，学习Web技术不易过时。 Web前端技术应用领域广泛，诸多优秀的移动端产品同样有赖于Web技术支持。技术市场对学习Web前端的人才需求大，就业机会多。 如果你入门Web后，坚持学习并不断参与项目开发，成为名副其实的Web前端工程师将给你带来不错的薪酬回报。 （图中数据来自：看准网） 相较于其它开发语言，Web前端语言简单易学。它是浏览器语言，不需要很强的逻辑思维，也不需要像...
JavaWeb快速入门 Web环境搭建
KYA_ZXY的博客
05-14 1101
一、思维导图 JavaWeb支持编写：HTML网页代码、Java代码、SQL数据库代码等多种语言。 简单认识Web服务 ： 二、认识JavaWeb 1.JavaWeb概述： （1）编写的程序可以通过浏览器进行访问，就可以称为web程序。 （2）web应用程序都是基于请求和响应来实现 Web服务器的作用是接收客户端的请求，给客户端作出响应。 ...
web开发快速入门(一)
Super_Yiang的博客
09-05 477
WEB开发快速入门（一） 1、HTTP状态码 对网站管理工作者来说有个词不陌生，HTTP状态码，它是用以表示网页服务器HTTP响应状态的3位数字代码。状态码的第一个数字代表了响应的五种状态之一。 　　==1XX系列==：指定客户端应相应的某些动作，代表请求已被接受，需要继续处理。由于 HTTP/1.0 协议中没有定义任何 1xx 状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发...
WEB安全攻防入门教程（非常详细），从零基础入门到精通，看完这一篇就够了
最新发布
Python84310366的博客
03-22 1045
对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图&学习规划。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。可以轻松的找到，快去看看你的原创文章有没有被搬运吧。谁在复制粘贴，抄袭你的文章，通过谷歌。的事情了，而工作绕不开的就是。推荐指数：★★★★★。推荐指数：★★★★★。推荐指数：★★★★★。推荐指数：★★★★★。
JavaWeb（一）——Web快速入门
yubo_830的博客
05-05 1755
第一章、Web快速入门 2020/04/27 第1节：基本概念及Web应用入门 知识点1：C/S、B/S与RIA （一）C/S ​ Client/Server:客户端/服务器的简称,又称为胖客户端,需要在电脑上安装特定的软件.例如:QQ （二）B/S ​ Browser/Server:浏览器/服务器的简称,又称为瘦客户端,不需要在电脑上安装特定的软件,只需在电脑上安装一个浏览器即可. 例如:...
web新手快速入门--零基础（0）
ynwrd_的博客
10-12 2533
1.如果是新手，一定要多练，多测 2.入门是非常辛苦，也是充满斗志的 3.html常用标签 4.css 5.js（javascript） 6.数据提供 7.数据库 ~继续学习 开始考虑优化 集群，缓存，分布式
Javaweb-01
m0_67777597的博客
03-21 562
目录 一.环境搭建 二.javaweb概述 三.web资源的分类 一.环境搭建 如果要利用web技术实现一个web程序，需要安装必备的工具来实现。 1.浏览器的安装（首选：谷歌|火狐） 2.jdk(1.8)的安装 3.eclipse的安装 4.oracle数据库的安装 5.本地服务器（tomcat）的安装 javaweb： 利用java知识编写的程序，可以通过浏览器去查看效果。 二.javaweb概述 （1）编写的程序可以通过浏览器进行访问，就可以称为web程序。 （2）web应用
web-quick-starter：使用SpringBoot进行Web快速入门
02-12
Web快速入门 如何使用弹簧 Springboot基本框架构建 弹簧注释 @配置 @成分 @豆角，扁豆 @范围 单例 多实例原型 要求共同要求 session共享会话
Java-Web快速入门教程
12-01
Java-Web快速入门教程
JavaWeb 开发快速入门
02-03
主要讲解了一个符合J2ee标准的web工程的组成结构到底是什么样，tomcat的运行机制和原理剖析，javaweb的工作原理及入门知识点
web漏洞挖掘快速入门1
08-08
3. 通过 zmpap 全网爆破查询真实 ip（可靠） 4. 子域名爆破，现在越来越不靠谱了 5. 通过扫描出网站测试文件如 phpinfo，test 等配置文
web开发教程
12-08
其中包含了web开发教程（doc版本）大家觉得好的话请记得分享
Web超简单入门（附带项目的讲解）
相扑小猫的博客
01-04 941
Web入门（附带项目的讲解）写在前面进入正题配置项目介绍具体操作如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 写在前面 DemoWebPages 是一个只有三个页面的网站，功能简单且清晰。具体有登录，注册和菜单三个页面。写这个小型项目的目的，一是想复习一下半年前学到的w
web开发学习（web简单入门）
Wzh20060111的博客
06-24 1121
前言：从我刚接触博客没多久我就萌发了搭建一个个人博客网站的想法。
web前端入门教程(非常详细)
热门推荐
qq_41286224的博客
10-27 2万+
初学编程的小伙伴经常会遇到的问题，1.没资源 2.没人带 3.不知道从何开始 ，小编也是从新手期过来的，所以很能理解萌新的难处，现在整理一些以前自己学习的一些资料送给大家，希望对广大初学小伙伴有帮助！这套「web前端入门教程」将多年的编程经验灌输其中，典型的实践派。既适合初学者入门，也适合程序员进阶（学习底层）。 web前端该怎么入门?web前端入门教程(非常详细)给你学习前端的新手几个建议：第一：切记学习前端开发不可以依赖任何人，我做了开发这么久，十年了，见过很多依赖老师的学生，这样的后果就是自己没有解
如何快速入门学习web前端开发
qf2019的博客
05-29 523
一直以来，IT行业对技术的高要求让人们把这个行业标签为男生专属，近些年随着互联网科技的发展与普及，很多女孩子发现原来IT技术没有自己想象中难，而且还可以毕业拿高薪掌控自己的人生。女孩儿可以学IT而且很适合学IT，她们比男生更细心、有耐心，尤其思维的创新与关注细节的特质，让她们在IT领域的优势甚至超过男孩。 Web前端技术主要包括HTML5、CSS3、Less、Sass、响应式布局、移动端开发、以及Ps设计等，更高级的全栈开发人员还需要掌握一门后端语言、Mysql、Mongodb数据库开发、vue.js、we
web教程
熊大小哥哥
10-10 877
现代WEB开发  HTML/CSS HTML元素 语义化标签 CSS3样式more SVG指南 弹性图片 CSS BFC CSSReference 动画 旋转下拉菜单 飘带样式菜单 二级下拉菜单 Less Less基础 SVG svgtrick Font Web字体 Canvas CANVAS·语雀 时钟 图像缩放和裁剪 Bootstrap 图书列表 标签页...
Web教程（1） Tomcat
活捉一只技术白的博客
07-01 354
文章目录Tomcat简介Tomcat目录分析动态网页 or 静态网页Eclipse配置Tomcat设置字符集编码(UTF-8)创建动态web项目 Tomcat简介 一个流行的，开源的，web服务器 Tomcat目录分析 1.bin目录(二进制文件)：包含一些可以执行的程序 2.conf目录(配置文件)： server.xml 服务器配置文件 web.xml 项目对应的配置文件 3.lib目录(...
Python Web开发（详细教程）
2301_82000445的博客
01-20 3264
PythonWeb开发是使用Python语言进行Web应用程序开发的过程。Python是一种简洁、易读且功能强大的编程语言，因此在Web开发领域广受欢迎。PythonWeb开发可以涵盖多个方面，包括服务器端开发、数据库管理、前端设计和API开发等。在服务器端开发中，常用的Python Web框架有Django、Flask和Bottle等。这些框架提供了一套工具和结构，使得开发者能够更高效地构建Web应用程序。在PythonWeb开发中，数据库管理也是一个重要的方面。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值