OK
https://w3schools.com/
Websites
Runtime: 1s
On November 21, 2024, 01:18 PM UTC, https://w3schools.com/ was accessible when tested on AS198916 in Italy.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
172.253.12.152
Query:
IN A w3schools.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
13.248.240.135
@
IN
A
76.223.115.82
TCP Connections
Connection to 76.223.115.82:443 succeeded.
Connection to 13.248.240.135:443 succeeded.
HTTP Requests
URL
GET https://www.w3schools.com:443/
Response Headers
Accept-Ranges:bytesAge:12342Cache-Control:Public,publicContent-Length:391803Content-Security-Policy:frame-ancestors 'self' https://mycourses.w3schools.com https://pathfinder.w3schools.com;Content-Type:text/htmlDate:Thu, 21 Nov 2024 13:18:34 GMTExpires:Thu, 21 Nov 2024 17:18:34 GMTLast-Modified:Thu, 21 Nov 2024 09:52:52 GMTServer:ECS (mil/6CFA)Vary:Accept-EncodingX-Cache:HITX-Content-Security-Policy:frame-ancestors 'self' https://mycourses.w3schools.com https://pathfinder.w3schools.com;X-Powered-By:ASP.NET
Response Body
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>W3Schools Online Web Tutorials</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" property="og:title" content="W3Schools.com">
<meta name="Keywords" content="HTML, Python, CSS, SQL, JavaScript, How to, PHP, Java, C, C++, C#, jQuery, Bootstrap, Colors, W3.CSS, XML, MySQL, Icons, NodeJS, React, Graphics, Angular, R, AI, Git, Data Science, Code Game, Tutorials, Programming, Web Development, Training, Learning, Quiz, Exercises, Courses, Lessons, References, Examples, Learn to code, Source code, Demos, Tips, Website">
<meta name="Description" content="Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.">
<meta property="og:image" content="https://www.w3schools.com/images/w3schools_logo_436_2.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="436">
<meta property="og:image:height" content="228">
<meta property="og:description" content="W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.">
<link rel="icon" href="https://www.w3schools.com/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#04aa6d">
<meta name="msapplication-TileColor" content="#00a300">
<meta name="theme-color" content="#ffffff">
<link rel="preload" href="/lib/fonts/fontawesome.woff2?14663396" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/lib/fonts/source-code-pro-v14-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/lib/fonts/roboto-mono-v13-latin-500.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/lib/fonts/source-sans-pro-v14-latin-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/lib/fonts/source-sans-pro-v14-latin-600.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/lib/fonts/SourceSansPro-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/lib/fonts/freckle-face-v9-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/lib/topnav/main.css?v=1.0.35">
<link rel="stylesheet" href="/lib/my-learning/main.css?v=1.0.30">
<link rel="stylesheet" href="/lib/pathfinder/main.css?v=1.0.3">
<link rel="stylesheet" href="/lib/w3schools32.css?v=1.0.1">
<link rel="stylesheet" href="/plus/plans/main.css">
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KTCFC3S');
var subjectFolder = location.pathname;
subjectFolder = subjectFolder.replace("/", "");
if (subjectFolder.startsWith("python/") == true ) {
if (subjectFolder.includes("/numpy/") == true ) {
subjectFolder = "numpy/"
} else if (subjectFolder.includes("/pandas/") == true ) {
subjectFolder = "pandas/"
} else if (subjectFolder.includes("/scipy/") == true ) {
subjectFolder = "scipy/"
}
}
subjectFolder = subjectFolder.substr(0, subjectFolder.indexOf("/"));
var k42 = false;
</script>
<!-- End Google Tag Manager -->
<script src="/lib/uic.js?v=1.0.5"></script>
<script src="/lib/common-deps.js?v=1.0.5"></script>
<script src="/lib/user-session.js?v=1.0.34"></script>
<script src="/lib/my-learning/main.js?v=1.0.29"></script>
<style>
/* Customize w3schools23.css */
#nav_tutorials,
#nav_references,
#nav_exercises {
margin-top: 0;
}
@media screen and (min-width: 769px) {
.w3-bar-block .w3-button {
padding: 0 16px !important;
}
}
#belowtopnav {
padding:0;
}
#main {
padding: 0;
border-right: none;
width:100%;
margin-top:88px;
}
#mypagediv2,#user-profile-bottom-wrapper {
height:0px; overflow:hidden;display:block;
}
#footer {
padding:0;
}
.herosection {
background-image:url('/images/lynx_in_space.webp'), url('/images/background_in_space.webp');
background-repeat: no-repeat, repeat ;
background-position: 90% 60%, center center /*left top*/;
padding-top:90px;
padding-bottom:90px;
}
@media screen and (max-width: 992px) {
.herosection {
background-image:url('/images/background_in_space.webp');
background-position:center center /*left top*/;
}
}
/* Customize W3.CSS */
.w3-col.l4 .w3-card-2 {
padding: 15px 10px;
height: 260px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Source Sans Pro', sans-serif;
}
h1 {
font-size: 80px;
margin: 2px 0 -20px 0 !important;
}
.learn h1 {
margin: 10px 0 !important;
}
.green-border {
border-left: 4px solid #04AA6D;
}
.w3-round, .w3-round-medium {
border-radius: 5px;
}
.tryit-button {
background-color: #04AA6D;
color: white;
border-radius: 25px;
font-size: 18px;
width:200px;
}
.tut-button {
background-color: #04AA6D;
color: white;
font-size: 18px;
margin: auto;
display: block;
width: 200px;
border-radius: 25px;
}
.w3csstut {
height: 390px;
}
.tut-button:hover,.tryit-button:hover,.exercise-button:hover,#getdiploma a:hover {
background-color: #059862 !important;
color:white!important;
}
.bar-item-hover:hover {
background-color: #04AA6D!important;
color:white!important;
}
.bar-icon-hover:hover {
background-color: black!important;
color:white!important;
}
.w3-bar .fa-logo:hover {
color:#059862!important;
}
.mystyle,.mystyle:hover {
background-color: #282A35!important;
color:white!important;
}
.ref-button {
background-color: white;
font-size: 18px;
margin: auto;
display: block;
width: 200px;
border-radius: 25px;
color: #000;
}
.ref-button:hover {
background-color: #E7E9EB!important;
color: black;
}
.black-color {
background-color: #282A35;
color: white;
}
.black-color:hover {
background-color: #000!important;
color: white!important;
}
.grey-color {
background-color: #E7E9EB;
color: black
}
.exercise-button {
padding: 70px 50px;
font-size: 35px;
width:87%;
opacity:0.97;
}
@media screen and (max-width:768px) {
h1,
.w3-jumbo {
font-size: 60px !important;
}
}
#w3_cert_badge_default {
position: absolute;
right: 25px;
width: 220px;
transform: rotate(10deg);
bottom: -130px;
}
#w3_cert_arrow_default {
position: absolute;
right: 200px;
width: 220px;
transform: rotate(10deg);
bottom: -50px;
z-index: 1;
}
#howto_padding {
padding: 0px 24px 100px 24px
}
#getdiploma {
position: relative;
padding: 0 60px 50px 60px;
margin-bottom: 85px;
background-color: #282A35;
color: #FFC0C7;
font-family: 'Source Sans Pro', sans-serif;
}
#getdiploma p {
font-size: 52px;
margin-top: 1em;
margin-bottom: 1em;
font-family: 'Source Sans Pro', sans-serif;
}
#getdiploma h2 {
font-size: 62px;
margin-top: 1em;
margin-bottom: 1em;
font-family: 'Source Sans Pro', sans-serif;
}
#getdiploma a {
border-radius: 50px;
font-size: 18px;
background-color: #04AA6D;
padding: 17px 55px
}
@media screen and (max-width: 992px) {
#w3_cert_arrow_default {
right:128px;
bottom:-80px
}
.w3csstut {
height: auto;
}
#w3_cert_badge_default {
width: 150px;
right: 2%;
bottom:-110px
}
}
@media screen and (max-width: 800px) {
#w3_cert_arrow_default {
display: none;
}
#getdiploma h2 {
font-size: 55px;
}
}
@media screen and (max-width: 600px) {
#w3_cert_badge_default {
top: -95px;
right: 10px;
width: 100px;
}
#howto_padding {
padding: 0px 24px 90px 24px
}
#getdiploma p {
font-size: 40px;
}
#getdiploma a {
width: 100%;
margin-bottom:45px;
}
div.ext_icon_container {
background-color:transparent!important;
}
}
.tutbuttons a{
text-decoration:none;
}
.tutbuttons a div {
opacity:0.9;
}
.tutbuttons a:hover div {
opacity:1;
}
.ws-yellow-hover:hover {
background-color:#fff080!important;
color:black!important;
}
.ws-pink-hover:hover {
background-color:#ffb3bb!important;
color:black!important;
}
#google_translate_element {
z-index:7!important;
}
@media screen and (max-width: 860px) {
.ws-hide-860 {
display: none !important;
}
}
@media screen and (max-width: 1080px) {
.ws-hide-1080 {
display: none !important;
}
}
@media screen and (max-width: 1160px) {
.ws-hide-1160 {
display: none !important;
}
}
@media screen and (max-width: 1200px) {
.ws-hide-1200 {
display: none !important;
}
}
@media screen and (max-width: 1300px) {
.ws-hide-1300 {
display: none !important;
}
}
@media screen and (max-width: 1350px) {
.ws-hide-1350 {
display: none !important;
}
}
@media screen and (max-width: 950px) {
.ws-hide-950 {
display: none !important;
}
}
#howto_iframe {
width: 100%;
border: 6px solid #e3e6e8;
height: 400px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}
.vl-howto {
border-left: 50px solid #282A35;
height: 80px;
position: absolute;
top:-6px;
left:50%;
margin-left:-25px;
}
.vl-howtobtn {
width:50%;
margin-top:73px;
}
@media screen and (max-width: 1400px) {
.ws-hide-1400 {
display: none !important;
}
}
@media screen and (max-width: 1250px) {
.ws-hide-1250 {
display: none !important;
}
}
@media screen and (max-width: 900px) {
#howto_iframe {
height: 360px;
}
}
@media screen and (max-width: 800px) {
#howto_iframe {
height: 320px;
}
}
@media screen and (max-width: 700px) {
#howto_iframe {
height: 280px;
}
.codeeditorbr-input {
margin-left: 15px;
}
.vl-howto {
height:45px;
}
.vl-howtobtn {
margin-top:37px;
}
}
@media screen and (max-width:584px) {
#howto_iframe {
height: 245px;
}
}
@media screen and (max-width:500px) {
#howto_iframe {
height: 215px;
}
}
@media screen and (max-width:450px) {
#howto_iframe {
height: 203px;
}
}
.codeeditorbr-container {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.codeeditorbr-row {
padding: 10px;
background: #f1f1f1;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.codeeditorbr-column {
float: left;
}
.codeeditorbr-left {
width: 20%;
}
.codeeditorbr-middle {
width: 80%;
}
@media screen and (max-width: 800px) {
.codeeditorbr-left {
width: 24%;
}
.codeeditorbr-middle {
width: 76%;
}
}
.codeeditorbr-row:after {
content: "";
display: table;
clear: both;
}
.codeeditorbr-dot {
margin-top: 5px;
height: 15px;
width: 15px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
margin-left: 3px;
}
.codeeditorbr-input {
width: 80%;
border-radius: 3px;
border: none;
background-color: white;
margin-top: -8px;
height: 22px;
color: #666;
font-size: 14px;
padding: 5px;
}
.hover-yellow:hover {
background-color: #fff080 !important;
color: black !important;
}
.codeeditorbr-tablink {
font-size: 17px;
font-family: 'Source Sans Pro', sans-serif;
border: none;
display: inline-block;
padding: 6px 18px;
vertical-align: middle;
overflow: hidden;
text-decoration: none;
color: inherit;
text-align: center;
cursor: pointer;
white-space: nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #ffffff;
}
.codeeditorbr-tablink:hover {
background-color: #E7E9EB !important
}
.hover-yellow:hover {
background-color:#fff080!important;
color:black!important;
}
#bgcodeimg {
background: #282A35 url("/about/w3codes.webp") no-repeat fixed center;
}
#bgcodeimg2 {
background: #282A35 url("https://www.w3schools.com/spaces/files/priscilla-du-preez-XkKCui44iM0-unsplash.921aa0c0.webp") no-repeat fixed center;
}
form.example {
position:relative;
}
form.example input[type=text] {
padding: 10px;
font-size: 17px;
border: 1px solid #282A35;
border-radius:25px;
float: left;
width: 80%;
padding-left:25px;
background: white;
border-top-right-radius:0;
border-bottom-right-radius:0;
border-right:0;
border-right: 1px solid #04AA6D;
outline:0;
}
form.example button {
border-radius:25px;
float: left;
width: 20%;
padding: 10px;
background:#04AA6D;
color: white;
font-size: 17px;
border: 1px solid #282A35;
border-left: none;
cursor: pointer;
border-top-left-radius:0;
border-bottom-left-radius:0;
}
form.example button:hover {
background: #059862;
color: white;
}
form.example::after {
content: "";
clear: both;
display: table;
}
#listofsearchresults {
display:none;
position:absolute;
background-color:#282A35;
background-color:#fff;
color:#000;
width:80%;
top:47px;
border-left: 1px solid #282A35;
border-right: 1px solid #282A35;
border-bottom: 1px solid #282A35;
text-align:left;
}
#listofsearchresults a {
background-color:#e2e3e9;
background-color:#fff;
color:#777;
text-decoration:none;
display:block;
padding:10px 30px;
width:100%;
opacity:0.95;
}
#listofsearchresults a:hover {
color:#000;
opacity:1;
}
.span_search {
background-color:#ffecee;
}
.search_active {
background-color:#ffecee!important;
color:#000!important;
}
.search_active .span_search {
background-color:#ffccd1;
}
.learntocodeh1 {
font-size:70px;
font-weight:700;
}
.learntocodeh3 {
color:#FFF4A3;
font-weight:700;
margin-top:30px!important;
font-size:23px;
}
.learntocodeh4 {
color:white;
font-size:23px;
font-weight:700;
margin-top:30px!important;
}
.learntocodeh4 a:hover,.learntocodeh4 a:active {
color:#FFF4A3;
}
.learntocodecontent {
padding-left:90px;
padding-right:90px;
}
@media screen and (max-width: 600px) {
.learntocodeh1 {
font-size:50px!important;
}
.learntocodeh3 {
font-size:21px!important;
}
.learntocodecontent {
padding-left:35px;
padding-right:35px;
}
form.example input[type=text],form.example button {
font-size: 16px;
}
form.example input[type=text] {
padding-left:16px;
}
}
@media screen and (max-width: 1006px) and (min-width: 992px) {
.ws-hide-special {
display:none;
}
}
.grey-color {
background-color: #E7E9EB;
color: #000;
}
.icons-right {
color:#f1f1f1;
}
body.darkpagetheme .grey-color {
background-color: #38444d;
color: #ddd;
}
body.darkpagetheme .bar-icon-hover:hover,body.darkpagetheme .fa-logo:hover {
background-color: #1d2a35!important;
color:white!important;
}
body.darkpagetheme #main {
border-right:0;
}
body.darkpagetheme #wavepath {
fill: rgb(40,42,53);
}
table.gstl_50 {/*google search suggestions*/
color:#000;
}
.topnavmain_pro {
background-color:#9763f6;
color:#fff;
}
.topnavmain_pro:hover {
background-color:#7d53cc!important;
color:#fff!important;
}
body.darkpagetheme .icons-right {
color: #eee;
}
.pro-caption {
padding: 78px 35px 96px 35px;
text-align: center
}
.pro-caption h1 {
font-weight: 700;
font-size: 52px;
line-height: 55px;
padding-top: 11px;
padding-bottom: 20px;
font-family: Source Sans Pro;
color: #fff;
margin: 0
}
.pro-caption h3 {
font-size: 25px;
color: #FFC0C7;
margin:19px 0;
}
.pro-caption li {
font-size:20px;
line-height:36px;
text-align:left;
list-style-type:none;
}
@media screen and (max-width:620px) {
.pro-caption {padding: 70px 15px 70px 15px;}
.pro-caption h1 {font-size:50px;}
.pro-caption h3 {font-size:24px;}
.pro-caption li {font-size:18px;}
}
@media screen and (max-width:550px) {
.pro-caption h1 {font-size:40px;}
.pro-caption h3 {font-size:24px;}
.pro-caption li {font-size:18px;}
}
#footer .w3-small,#footer a {
font-family: Verdana,sans-serif;
}
</style>
</head>
<body style="font-family: 'Source Sans Pro', sans-serif;">
<div id="tnb-search-suggestions"></div>
<div
id="top-nav-bar"
class="classic"
>
<div
id="pagetop"
class="w3-bar notranslate w3-white"
>
<a
id="w3-logo"
href="https://www.w3schools.com"
class="w3-bar-item w3-button w3-hover-none w3-left ga-top ga-top-w3home"
title="Home"
style="width: 75px"
aria-label="Home link"
>
<i
class="fa fa-logo ws-hover-text-green"
style="position: relative; z-index: 1; color: #04aa6d; font-size: 36px !important"
aria-hidden="true"
></i>
</a>
<nav class="tnb-desktop-nav w3-bar-item">
<a
onclick="TopNavBar.openNavItem('tutorials')"
class="tnb-nav-btn w3-bar-item w3-button barex bar-item-hover w3-padding-16 ga-top ga-top-tut-and-ref"
href="javascript:void(0)"
id="navbtn_tutorials"
title="Tutorials and References"
role="button"
>
Tutorials
<i
class="fa fa-caret-down"
style="font-size: 15px"
aria-hidden="true"
></i>
<i
class="fa fa-caret-up"
style="display: none; font-size: 15px"
aria-hidden="true"
></i>
</a>
<a
onclick="TopNavBar.openNavItem('exercises')"
class="tnb-nav-btn w3-bar-item w3-button barex bar-item-hover w3-padding-16 ga-top ga-top-exc-and-quz"
href="javascript:void(0)"
id="navbtn_exercises"
title="Exercises and Quizzes"
role="button"
>
Exercises
<i
class="fa fa-caret-down"
style="font-size: 15px"
aria-hidden="true"
></i>
<i
class="fa fa-caret-up"
style="display: none; font-size: 15px"
aria-hidden="true"
></i>
</a>
<a
onclick="TopNavBar.openNavItem('certified')"
class="tnb-nav-btn w3-bar-item w3-button barex bar-item-hover w3-padding-16 tnb-paid-service ga-top ga-top-cert-and-course"
href="javascript:void(0)"
id="navbtn_certified"
title="Certificates"
role="button"
>
Certificates
<i
class="fa fa-caret-down"
style="font-size: 15px"
aria-hidden="true"
></i>
<i
class="fa fa-caret-up"
style="display: none; font-size: 15px"
aria-hidden="true"
></i>
</a>
<a
onclick="TopNavBar.openNavItem('services')"
class="tnb-nav-btn w3-bar-item w3-button barex bar-item-hover w3-padding-16 ga-top ga-top-services"
href="javascript:void(0)"
id="navbtn_services"
title="Our Services"
role="button"
>
Services
<i
class="fa fa-caret-down"
style="font-size: 15px"
aria-hidden="true"
></i>
<i
class="fa fa-caret-up"
style="display: none; font-size: 15px"
aria-hidden="true"
></i>
</a>
</nav>
<a
onclick="TopNavBar.openMenu()"
class="tnb-menu-btn w3-bar-item w3-button bar-item-hover w3-padding-16 ga-top ga-top-menu"
href="javascript:void(0)"
title="Menu"
aria-label="Menu"
role="button"
>
Menu
<i
class="fa fa-caret-down"
style="font-size: 15px"
aria-hidden="true"
></i>
<i
class="fa fa-caret-up"
style="display: none; font-size: 15px"
aria-hidden="true"
></i>
</a>
<div
id="tnb-google-search-container"
class="w3-bar-item"
>
<div id="tnb-google-search-inner-container">
<label
for="tnb-google-search-input"
class="tnb-soft-hide"
>
Search field
</label>
<input
id="tnb-google-search-input"
type="text"
placeholder="Search..."
autocomplete="off"
onkeydown="TopNavBar.googleSearchAttachKeyPressHandler(event)"
aria-label="Search field"
oninput="TopNavBar.searchWithSuggestions(this)"
onfocus="TopNavBar.searchWithSuggestions(this)"
onblur="TopNavBar.searchFieldLostFocus(event)"
/>
<div
id="tnb-google-search-submit-btn"
class="tnb-button-light"
role="button"
aria-label="Button to search"
onclick="TopNavBar.googleSearchSubmit()"
>
<svg
id="tnb-google-search-icon"
viewBox="0 0 17 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.8153 10.3439C12.6061 9.2673 13.0732 7.9382 13.0732 6.5C13.0732 2.91015 10.163 0 6.57318 0C2.98333 0 0.0731812 2.91015 0.0731812 6.5C0.0731812 10.0899 2.98333 13 6.57318 13C8.01176 13 9.3412 12.5327 10.4179 11.7415L10.4171 11.7422C10.4466 11.7822 10.4794 11.8204 10.5156 11.8566L14.3661 15.7071C14.7566 16.0976 15.3898 16.0976 15.7803 15.7071C16.1708 15.3166 16.1708 14.6834 15.7803 14.2929L11.9298 10.4424C11.8936 10.4062 11.8553 10.3734 11.8153 10.3439ZM12.0732 6.5C12.0732 9.53757 9.61075 12 6.57318 12C3.53561 12 1.07318 9.53757 1.07318 6.5C1.07318 3.46243 3.53561 1 6.57318 1C9.61075 1 12.0732 3.46243 12.0732 6.5Z"
fill="black"
></path>
</svg>
</div>
</div>
<div id="tnb-google-search-mobile-action-btns">
<div
id="tnb-google-search-mobile-show"
class="tnb-button"
onclick="TopNavBar.googleSearchShowMobileContainer()"
aria-label="Button to open search field"
role="button"
>
<svg
viewBox="0 0 17 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.8153 10.3439C12.6061 9.2673 13.0732 7.9382 13.0732 6.5C13.0732 2.91015 10.163 0 6.57318 0C2.98333 0 0.0731812 2.91015 0.0731812 6.5C0.0731812 10.0899 2.98333 13 6.57318 13C8.01176 13 9.3412 12.5327 10.4179 11.7415L10.4171 11.7422C10.4466 11.7822 10.4794 11.8204 10.5156 11.8566L14.3661 15.7071C14.7566 16.0976 15.3898 16.0976 15.7803 15.7071C16.1708 15.3166 16.1708 14.6834 15.7803 14.2929L11.9298 10.4424C11.8936 10.4062 11.8553 10.3734 11.8153 10.3439ZM12.0732 6.5C12.0732 9.53757 9.61075 12 6.57318 12C3.53561 12 1.07318 9.53757 1.07318 6.5C1.07318 3.46243 3.53561 1 6.57318 1C9.61075 1 12.0732 3.46243 12.0732 6.5Z"
fill="currentColor"
></path>
</svg>
</div>
<div
id="tnb-google-search-mobile-close"
class="tnb-button"
onclick="TopNavBar.googleSearchHideMobileContainer()"
role="button"
aria-label="Close search field"
>
<i>×</i>
</div>
</div>
</div>
<div
id="tnb-dark-mode-toggle-wrapper"
class="w3-bar-item"
>
<a
onclick="TopNavBar.toggleUserPreferredTheme()"
id="tnb-dark-mode-toggle-btn"
href="javascript:void(0);"
class="tnb-button fa ga-nav ga-dark-mode-toggle"
role="button"
title="Toggle light/dark mode"
aria-label="Toggle light/dark mode"
>
<i></i>
</a>
</div>
<div class="tnb-right-section">
<!-- < user-anonymous -->
<a
href="https://profile.w3schools.com/log-in"
class="user-anonymous tnb-login-btn w3-bar-item w3-btn w3-hide bar-item-hover w3-right ws-light-green ga-top ga-top-login"
title="Login to your account"
aria-label="Login to your account"
>
Log in
</a>
<a
href="https://profile.w3schools.com/sign-up"
class="user-anonymous tnb-signup-btn w3-bar-item w3-button w3-hide w3-right ws-green ws-hover-green ga-top ga-top-signup"
title="Sign Up to Improve Your Learning Experience"
aria-label="Sign Up to Improve Your Learning Experience"
>
Sign Up
</a>
<!-- > user-anonymous -->
<!-- < user-authenticated -->
<a
href="https://profile.w3schools.com/log-in"
class="user-authenticated user-profile-btn w3-alt-btn w3-hide ga-top ga-top-profile"
title="Your W3Schools Profile"
aria-label="Your W3Schools Profile"
>
<svg
xmlns="http://www.w3.org/2000/svg"
version="1.1"
viewBox="0 0 2048 2048"
class="user-profile-icon"
aria-label="Your W3Schools Profile Icon"
>
<path
d="M 843.500 1148.155 C 837.450 1148.515, 823.050 1149.334, 811.500 1149.975 C 742.799 1153.788, 704.251 1162.996, 635.391 1192.044 C 517.544 1241.756, 398.992 1352.262, 337.200 1470 C 251.831 1632.658, 253.457 1816.879, 340.500 1843.982 C 351.574 1847.431, 1696.426 1847.431, 1707.500 1843.982 C 1794.543 1816.879, 1796.169 1632.658, 1710.800 1470 C 1649.008 1352.262, 1530.456 1241.756, 1412.609 1192.044 C 1344.588 1163.350, 1305.224 1153.854, 1238.500 1150.039 C 1190.330 1147.286, 1196.307 1147.328, 1097 1149.035 C 1039.984 1150.015, 1010.205 1150.008, 950 1149.003 C 851.731 1147.362, 856.213 1147.398, 843.500 1148.155"
stroke="none"
fill="#2a93fb"
fill-rule="evenodd"
/>
<path
d="M 1008 194.584 C 1006.075 194.809, 999.325 195.476, 993 196.064 C 927.768 202.134, 845.423 233.043, 786 273.762 C 691.987 338.184, 622.881 442.165, 601.082 552 C 588.496 615.414, 592.917 705.245, 611.329 760.230 C 643.220 855.469, 694.977 930.136, 763.195 979.321 C 810.333 1013.308, 839.747 1026.645, 913.697 1047.562 C 1010.275 1074.879, 1108.934 1065.290, 1221 1017.694 C 1259.787 1001.221, 1307.818 965.858, 1339.852 930.191 C 1460.375 795.998, 1488.781 609.032, 1412.581 451.500 C 1350.098 322.327, 1240.457 235.724, 1097.500 202.624 C 1072.356 196.802, 1025.206 192.566, 1008 194.584"
stroke="none"
fill="#0aaa8a"
fill-rule="evenodd"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
class="user-progress"
aria-label="Your W3Schools Profile Progress"
>
<path
class="user-progress-circle1"
fill="none"
d="M 25.99650934151373 15.00000030461742 A 20 20 0 1 0 26 15"
></path>
<path
class="user-progress-circle2"
fill="none"
d="M 26 15 A 20 20 0 0 0 26 15"
></path>
</svg>
<span class="user-progress-star">★</span>
<span class="user-progress-point">+1</span>
</a>
<a
href="https://pathfinder.w3schools.com"
class="user-authenticated tnb-dashboard-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-dashboard"
title="Your W3Schools Dashboard"
aria-label="Your W3Schools Dashboard"
>
My W3Schools
</a>
<!-- > user-authenticated -->
<!-- < user-anonymous - action-btn -->
<a
target="_blank"
href="https://campus.w3schools.com/collections/course-catalog"
class="user-anonymous tnb-certificates-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-certificates"
title="W3Schools Certificates"
aria-label="W3Schools Certificates"
>
<svg
xmlns="http://www.w3.org/2000/svg"
height="1em"
viewBox="0 0 576 512"
aria-hidden="true"
>
<path
d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"
fill="currentColor"
/>
</svg>
Get Certified
</a>
<a
href="/spaces/index.php"
class="user-anonymous tnb-spaces-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-spaces"
title="Get Your Own Website With W3Schools Spaces"
aria-label="Get Your Own Website With W3Schools Spaces"
>
<svg
xmlns="http://www.w3.org/2000/svg"
height="1em"
viewBox="0 0 640 512"
aria-hidden="true"
>
<path
d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"
fill="currentColor"
/>
</svg>
Spaces
</a>
<a
href="/academy/teachers/index.php"
class="user-anonymous tnb-jobs-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-teachers"
title="Contact us about W3Schools Academy for educational institutions"
aria-label="Contact us about W3Schools Academy for educational institutions"
>
<svg
stroke="currentColor"
fill="currentColor"
stroke-width="0"
viewBox="0 0 640 512"
focusable="false"
class="chakra-icon css-9gdywz"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z"></path>
</svg>
For Teachers
</a>
<a
href="/plus/index.php"
class="user-anonymous tnb-jobs-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-plus"
title="Become a PLUS user and unlock powerful features"
aria-label="Become a PLUS user and unlock powerful features"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="36"
viewBox="0 0 12 16"
fill="none"
aria-hidden="true"
>
<path
d="M6.65723 6.24707C6.76704 5.91764 7.233 5.91765 7.34281 6.24707L7.98828 8.1835C8.276 9.04666 8.95332 9.72399 9.81648 10.0117L11.7529 10.6572C12.0824 10.767 12.0824 11.233 11.7529 11.3428L9.81649 11.9883C8.95332 12.276 8.27599 12.9533 7.98828 13.8165L7.34281 15.7529C7.233 16.0823 6.76704 16.0823 6.65723 15.7529L6.01173 13.8165C5.72401 12.9533 5.04669 12.276 4.18353 11.9883L2.24707 11.3428C1.91764 11.233 1.91764 10.767 2.24707 10.6572L4.18353 10.0117C5.04669 9.72399 5.72401 9.04667 6.01173 8.18352L6.65723 6.24707Z"
fill="#9763f6"
/>
<path
d="M2.79434 1.14824C2.86023 0.950586 3.1398 0.950587 3.20569 1.14824L3.59297 2.3101C3.7656 2.828 4.172 3.2344 4.6899 3.40703L5.85177 3.79432C6.04942 3.86021 6.04942 4.13978 5.85177 4.20567L4.6899 4.59296C4.172 4.76559 3.7656 5.17199 3.59297 5.68989L3.20569 6.85176C3.13981 7.04941 2.86023 7.04942 2.79434 6.85176L2.40704 5.68988C2.23441 5.17198 1.82801 4.76559 1.31012 4.59296L0.148241 4.20567C-0.0494137 4.13978 -0.0494138 3.86021 0.148241 3.79432L1.31012 3.40703C1.82802 3.2344 2.23441 2.82801 2.40704 2.31011L2.79434 1.14824Z"
fill="#9763f6"
/>
<path
d="M9.8629 0.0988265C9.90682 -0.032943 10.0932 -0.0329419 10.1371 0.098828L10.3953 0.873401C10.5104 1.21867 10.7813 1.4896 11.1266 1.60469L11.9012 1.86288C12.0329 1.9068 12.0329 2.09319 11.9012 2.13711L11.1266 2.39531C10.7813 2.51039 10.5104 2.78133 10.3953 3.12659L10.1371 3.90117C10.0932 4.03294 9.90682 4.03294 9.8629 3.90117L9.6047 3.12659C9.48961 2.78132 9.21868 2.5104 8.87342 2.39531L8.09883 2.13711C7.96706 2.09319 7.96706 1.9068 8.09883 1.86288L8.87342 1.60469C9.21868 1.4896 9.48961 1.21867 9.6047 0.873408L9.8629 0.0988265Z"
fill="#9763f6"
/>
</svg>
Plus
</a>
<!-- > user-anonymous - action-btn -->
<!-- < user-authenticated - action-btn -->
<a
target="_blank"
href="https://campus.w3schools.com/collections/course-catalog"
class="user-authenticated tnb-certificates-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-certificates"
title="W3Schools Certificates"
aria-label="W3Schools Certificates"
>
<svg
xmlns="http://www.w3.org/2000/svg"
height="1em"
viewBox="0 0 576 512"
aria-hidden="true"
>
<path
d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"
fill="currentColor"
/>
</svg>
Get Certified
</a>
<a
href="https://spaces.w3schools.com/space/"
class="user-authenticated tnb-spaces-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-spaces"
title="Go to Your W3Schools Space"
aria-label="Go to Your W3Schools Space"
>
<svg
xmlns="http://www.w3.org/2000/svg"
height="1em"
viewBox="0 0 640 512"
aria-hidden="true"
>
<path
d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"
fill="currentColor"
/>
</svg>
Spaces
</a>
<a
href="/academy/teachers/index.php"
class="user-authenticated tnb-jobs-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-teachers"
title="Contact us about W3Schools Academy for educational institutions"
aria-label="Contact us about W3Schools Academy for educational institutions"
>
<svg
stroke="currentColor"
fill="currentColor"
stroke-width="0"
viewBox="0 0 640 512"
focusable="false"
class="chakra-icon css-9gdywz"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z"></path>
</svg>
For Teachers
</a>
<a
href="/plus/index.php"
class="user-authenticated tnb-jobs-btn w3-bar-item w3-button w3-hide w3-right w3-white ga-top ga-top-goals"
title="Get personalized learning journey based on your current skills and goals"
aria-label="Get personalized learning journey based on your current skills and goals"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="36"
viewBox="0 0 12 16"
fill="none"
aria-hidden="true"
>
<path
d="M6.65723 6.24707C6.76704 5.91764 7.233 5.91765 7.34281 6.24707L7.98828 8.1835C8.276 9.04666 8.95332 9.72399 9.81648 10.0117L11.7529 10.6572C12.0824 10.767 12.0824 11.233 11.7529 11.3428L9.81649 11.9883C8.95332 12.276 8.27599 12.9533 7.98828 13.8165L7.34281 15.7529C7.233 16.0823 6.76704 16.0823 6.65723 15.7529L6.01173 13.8165C5.72401 12.9533 5.04669 12.276 4.18353 11.9883L2.24707 11.3428C1.91764 11.233 1.91764 10.767 2.24707 10.6572L4.18353 10.0117C5.04669 9.72399 5.72401 9.04667 6.01173 8.18352L6.65723 6.24707Z"
fill="#9763f6"
/>
<path
d="M2.79434 1.14824C2.86023 0.950586 3.1398 0.950587 3.20569 1.14824L3.59297 2.3101C3.7656 2.828 4.172 3.2344 4.6899 3.40703L5.85177 3.79432C6.04942 3.86021 6.04942 4.13978 5.85177 4.20567L4.6899 4.59296C4.172 4.76559 3.7656 5.17199 3.59297 5.68989L3.20569 6.85176C3.13981 7.04941 2.86023 7.04942 2.79434 6.85176L2.40704 5.68988C2.23441 5.17198 1.82801 4.76559 1.31012 4.59296L0.148241 4.20567C-0.0494137 4.13978 -0.0494138 3.86021 0.148241 3.79432L1.31012 3.40703C1.82802 3.2344 2.23441 2.82801 2.40704 2.31011L2.79434 1.14824Z"
fill="#9763f6"
/>
<path
d="M9.8629 0.0988265C9.90682 -0.032943 10.0932 -0.0329419 10.1371 0.098828L10.3953 0.873401C10.5104 1.21867 10.7813 1.4896 11.1266 1.60469L11.9012 1.86288C12.0329 1.9068 12.0329 2.09319 11.9012 2.13711L11.1266 2.39531C10.7813 2.51039 10.5104 2.78133 10.3953 3.12659L10.1371 3.90117C10.0932 4.03294 9.90682 4.03294 9.8629 3.90117L9.6047 3.12659C9.48961 2.78132 9.21868 2.5104 8.87342 2.39531L8.09883 2.13711C7.96706 2.09319 7.96706 1.9068 8.09883 1.86288L8.87342 1.60469C9.21868 1.4896 9.48961 1.21867 9.6047 0.873408L9.8629 0.0988265Z"
fill="#9763f6"
/>
</svg>
Plus
</a>
<!-- > user-authenticated - action-btn -->
</div>
</div>
<nav
id="tnb-mobile-nav"
class="tnb-mobile-nav w3-hide"
>
<div class="w3-container">
<a
href="https://pathfinder.w3schools.com"
class="user-authenticated w3-button w3-hide ga-top ga-top-dashboard"
title="My W3Schools"
aria-label="My W3Schools"
>
<span class="tnb-title">My W3Schools</span>
</a>
<div
class="tnb-mobile-nav-section"
data-section="tutorials"
>
<div
class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-tut-and-ref"
onclick="TopNavBar.toggleMobileNav(event, 'tutorials');"
aria-label="Tutorials"
role="button"
>
<span class="tnb-title">Tutorials</span>
<i
class="tnb-icon fa fa-caret-down"
aria-hidden="true"
></i>
</div>
<div
id="sectionxs_tutorials"
class="tnb-mobile-nav-section-body"
>
</div>
</div>
<div
class="tnb-mobile-nav-section"
data-section="exercises"
>
<div
class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-exc-and-quz"
onclick="TopNavBar.toggleMobileNav(event, 'exercises')"
aria-label="Exercises"
role="button"
>
<span class="tnb-title">Exercises</span>
<i
class="tnb-icon fa fa-caret-down"
aria-hidden="true"
></i>
</div>
<div
id="sectionxs_exercises"
class="tnb-mobile-nav-section-body"
>
</div>
</div>
<div
class="tnb-mobile-nav-section"
data-section="certified"
>
<div
class="tnb-mobile-nav-section-toggle-btn tnb-paid-service w3-button ga-top ga-top-menu-cert-and-course"
onclick="TopNavBar.toggleMobileNav(event, 'certified')"
aria-label="Certificates"
role="button"
>
<span class="tnb-title">Certificates</span>
<i
class="tnb-icon fa fa-caret-down"
aria-hidden="true"
></i>
</div>
<div
id="sectionxs_certified"
class="tnb-mobile-nav-section-body"
>
</div>
</div>
<div
class="tnb-mobile-nav-section"
data-section="services"
>
<div
class="tnb-mobile-nav-section-toggle-btn w3-button ga-top ga-top-menu-services"
onclick="TopNavBar.toggleMobileNav(event, 'services')"
aria-label="Services"
role="button"
>
<span class="tnb-title">Services</span>
<i
class="tnb-icon fa fa-caret-down"
aria-hidden="true"
></i>
</div>
<div
id="sectionxs_services"
class="tnb-mobile-nav-section-body"
>
</div>
</div>
<a
href="/spaces/index.php"
class="w3-button ga-top ga-top-menu-spaces"
title="Get Your Own Website With W3Schools Spaces"
aria-label="Get Your Own Website With W3Schools Spaces"
>
<span class="tnb-title">Spaces</span>
<svg
class="tnb-icon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512"
aria-hidden="true"
>
<path
d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"
fill="currentColor"
/>
</svg>
</a>
<a
target="_blank"
href="https://campus.w3schools.com/collections/course-catalog"
class="w3-button ga-top ga-top-menu-certificates"
title="W3Schools Certificates"
aria-label="W3Schools Certificates"
>
<span class="tnb-title">Get Certified</span>
<svg
class="tnb-icon"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 576 512"
aria-hidden="true"
>
<path
d="M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411C111 12.8 91.6 0 69.5 0H24zM131.1 80H520.7L482.4 222.2c-2.8 10.5-12.3 17.8-23.2 17.8H161.6L131.1 80zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"
fill="currentColor"
/>
</svg>
</a>
<a
href="/plus/index.php"
class="w3-button ga-top ga-top-menu-plus"
title="Become a PLUS user and unlock powerful features"
aria-label="Become a PLUS user and unlock powerful features"
>
<span class="tnb-title">Plus</span>
<svg
class="tnb-icon"
xmlns="http://www.w3.org/2000/svg"
width="15"
height="36"
viewBox="0 0 12 16"
fill="none"
aria-hidden="true"
>
<path
d="M6.65723 6.24707C6.76704 5.91764 7.233 5.91765 7.34281 6.24707L7.98828 8.1835C8.276 9.04666 8.95332 9.72399 9.81648 10.0117L11.7529 10.6572C12.0824 10.767 12.0824 11.233 11.7529 11.3428L9.81649 11.9883C8.95332 12.276 8.27599 12.9533 7.98828 13.8165L7.34281 15.7529C7.233 16.0823 6.76704 16.0823 6.65723 15.7529L6.01173 13.8165C5.72401 12.9533 5.04669 12.276 4.18353 11.9883L2.24707 11.3428C1.91764 11.233 1.91764 10.767 2.24707 10.6572L4.18353 10.0117C5.04669 9.72399 5.72401 9.04667 6.01173 8.18352L6.65723 6.24707Z"
fill="currentColor"
/>
<path
d="M2.79434 1.14824C2.86023 0.950586 3.1398 0.950587 3.20569 1.14824L3.59297 2.3101C3.7656 2.828 4.172 3.2344 4.6899 3.40703L5.85177 3.79432C6.04942 3.86021 6.04942 4.13978 5.85177 4.20567L4.6899 4.59296C4.172 4.76559 3.7656 5.17199 3.59297 5.68989L3.20569 6.85176C3.13981 7.04941 2.86023 7.04942 2.79434 6.85176L2.40704 5.68988C2.23441 5.17198 1.82801 4.76559 1.31012 4.59296L0.148241 4.20567C-0.0494137 4.13978 -0.0494138 3.86021 0.148241 3.79432L1.31012 3.40703C1.82802 3.2344 2.23441 2.82801 2.40704 2.31011L2.79434 1.14824Z"
fill="currentColor"
/>
<path
d="M9.8629 0.0988265C9.90682 -0.032943 10.0932 -0.0329419 10.1371 0.098828L10.3953 0.873401C10.5104 1.21867 10.7813 1.4896 11.1266 1.60469L11.9012 1.86288C12.0329 1.9068 12.0329 2.09319 11.9012 2.13711L11.1266 2.39531C10.7813 2.51039 10.5104 2.78133 10.3953 3.12659L10.1371 3.90117C10.0932 4.03294 9.90682 4.03294 9.8629 3.90117L9.6047 3.12659C9.48961 2.78132 9.21868 2.5104 8.87342 2.39531L8.09883 2.13711C7.96706 2.09319 7.96706 1.9068 8.09883 1.86288L8.87342 1.60469C9.21868 1.4896 9.48961 1.21867 9.6047 0.873408L9.8629 0.0988265Z"
fill="currentColor"
/>
</svg>
</a>
<a
href="/academy/index.php"
class="w3-button ga-top ga-top-menu-academy"
title="W3Schools Academy"
aria-label="W3Schools Academy"
>
<span class="tnb-title">Academy</span>
</a>
<a
class="user-authenticated w3-hide w3-button ga-top ga-top-logout"
href="https://profile.w3schools.com/logout"
title="Logout"
aria-label="Logout"
>
<span class="tnb-title">Logout</span>
</a>
<div class="tnb-social-network-btns">
<a
target="_blank"
href="https://www.youtube.com/@w3schools"
title="W3Schools on YouTube"
class="w3-button w3-round ga-fp"
>
<i
class="tnb-icon fa fa-youtube"
aria-hidden="true"
></i>
</a>
<a
target="_blank"
href="https://www.linkedin.com/company/w3schools.com/"
title="W3Schools on LinkedIn"
class="w3-button w3-round ga-fp"
>
<i
class="tnb-icon fa"
aria-hidden="true"
>

</i>
</a>
<a
target="_blank"
href="https://discord.com/invite/w3schools"
title="Join the W3schools community on Discord"
class="w3-button w3-round ga-fp"
>
<i
class="tnb-icon fa -discord"
aria-hidden="true"
>

</i>
</a>
<a
target="_blank"
href="https://www.facebook.com/w3schoolscom/"
title="W3Schools on Facebook"
class="w3-button w3-round ga-fp"
>
<i
class="tnb-icon fa"
aria-hidden="true"
>

</i>
</a>
<a
target="_blank"
href="https://www.instagram.com/w3schools.com_official/"
title="W3Schools on Instagram"
class="w3-button w3-round ga-fp"
>
<i
class="tnb-icon fa"
aria-hidden="true"
>

</i>
</a>
</div>
</div>
<div
class="w3-button tnb-close-menu-btn w3-round ga-top ga-top-close-accordion"
tabindex="0"
onclick="TopNavBar.closeMenu()"
role="button"
aria-label="Close menu"
>
<span>×</span>
</div>
</nav>
<div id="dropdown-nav-outer-wrapper">
<div id="dropdown-nav-inner-wrapper">
<nav
id="nav_tutorials"
class="dropdown-nav w3-hide-small navex"
tabindex="-1"
aria-label="Menu for tutorials"
>
<div class="w3-content menu-content">
<div
id="tutorials_list"
class="w3-row-padding w3-bar-block"
>
<div class="nav-heading-container w3-container">
<div class="nav-heading-container-title">
<h2 style="color: #fff4a3"><b>Tutorials</b></h2>
</div>
<div
data-section="tutorials"
class="filter-input-wrapper"
>
<div class="filter-input-inner-wrapper">
<label
for="filter-tutorials-input"
class="tnb-soft-hide"
>
Tutorials filter input
</label>
<input
id="filter-tutorials-input"
oninput="TopNavBar.filter(event, 'nav_tutorials')"
type="text"
class="filter-input"
placeholder="Filter..."
aria-label="Tutorials filter input"
/>
<div
class="filter-clear-btn tnb-button-dark-v2"
role="button"
aria-label="Filter clear button"
onclick="TopNavBar.clearFilter(event, 'nav_tutorials')"
>
<span>×</span>
</div>
</div>
</div>
</div>
<div class="w3-col l4 m6">
<div id="tutorials_html_css_links_list">
<h3
class="tnb-nav-section-title"
data-heading="html_and_css_title"
>
HTML and CSS
</h3>
<div
data-name="html"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-html"
href="/html/default.asp"
title="HTML Tutorial"
>
<span class="learn-span">Learn</span>
HTML
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-html"
href="/html/default.asp"
title="HTML Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-html"
href="/tags/default.asp"
title="HTML Reference"
>
Reference
</a>
</div>
<div
data-name="css"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-css"
href="/css/default.asp"
title="CSS Tutorial"
>
<span class="learn-span">Learn</span>
CSS
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-css"
href="/css/default.asp"
title="CSS Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-css"
href="/cssref/default.asp"
title="CSS Reference"
>
Reference
</a>
</div>
<div
data-name="rwd"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-rwd"
href="/css/css_rwd_intro.asp"
title="Responsive Web Design Tutorial"
>
<span class="learn-span">Learn</span>
RWD
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-rwd"
href="/css/css_rwd_intro.asp"
title="Responsive Web Design Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="bootstrap"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-bs"
href="/bootstrap/bootstrap_ver.asp"
title="Bootstrap Tutorials"
>
<span class="learn-span">Learn</span>
Bootstrap
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-bs"
href="/bootstrap/bootstrap_ver.asp"
title="Bootstrap Tutorials"
>
Overview
</a>
</div>
<div
data-name="w3.css"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-w3css"
href="/w3css/default.asp"
title="W3.CSS Tutorial"
>
<span class="learn-span">Learn</span>
W3.CSS
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-w3css"
href="/w3css/default.asp"
title="W3.CSS Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-w3css"
href="/w3css/w3css_references.asp"
title="W3.CSS Reference"
>
Reference
</a>
</div>
<div
data-name="sass"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-sass"
href="/sass/default.php"
title="SASS Tutorial"
>
<span class="learn-span">Learn</span>
Sass
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-sass"
href="/sass/default.php"
title="SASS Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-sass"
href="/sass/sass_functions_string.php"
title="SASS Reference"
>
Reference
</a>
</div>
<div
data-name="colors"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-colors"
href="/colors/default.asp"
title="Colors Tutorial"
>
<span class="learn-span">Learn</span>
Colors
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-colors"
href="/colors/default.asp"
title="Colors Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-colors"
href="/colors/colors_fs595.asp"
title="Colors Reference"
>
Reference
</a>
</div>
<div
data-name="icons"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-icons"
href="/icons/default.asp"
title="Icons Tutorial"
>
<span class="learn-span">Learn</span>
Icons
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-icons"
href="/icons/default.asp"
title="Icons Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-icons"
href="/icons/icons_reference.asp"
title="Icons Reference"
>
Reference
</a>
</div>
<div
data-name="svg"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-svg"
href="/graphics/svg_intro.asp"
title="SVG Tutorial"
>
<span class="learn-span">Learn</span>
SVG
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-svg"
href="/graphics/svg_intro.asp"
title="SVG Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-svg"
href="/graphics/svg_reference.asp"
title="SVG Reference"
>
Reference
</a>
</div>
<div
data-name="canvas"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-canvas"
href="/graphics/canvas_intro.asp"
title="Canvas Tutorial"
>
<span class="learn-span">Learn</span>
Canvas
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-canvas"
href="/graphics/canvas_intro.asp"
title="Canvas Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-canvas"
href="/graphics/canvas_reference.asp"
title="Canvas Reference"
>
Reference
</a>
</div>
<div
data-name="graphics"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-graphics"
href="/graphics/default.asp"
title="Graphics Tutorial"
>
<span class="learn-span">Learn</span>
Graphics
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-graphics"
href="/graphics/default.asp"
title="Graphics Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="charsets"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-charsets"
href="/charsets/default.asp"
title="Character Sets Reference"
>
<span class="learn-span">Learn</span>
Character Sets
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-canvas"
href="/charsets/default.asp"
title="Character Sets Reference"
>
Reference
</a>
</div>
<div
data-name="how to"
data-category="html_and_css"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-howto"
href="/howto/default.asp"
title="How To - Code Snippets"
>
<span class="learn-span">Learn</span>
How To
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-howto"
href="/howto/default.asp"
title="How To - Code Snippets"
>
Tutorial
</a>
</div>
</div>
<div
id="tutorials_data_analytics_links_list_desktop"
class="w3-hide-small"
>
<h3
class="tnb-nav-section-title"
data-heading="data_analytics_title"
>
Data Analytics
</h3>
<div
data-name="ai"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-ai"
href="/ai/default.asp"
title="Artificial Intelligence Tutorial"
>
<span class="learn-span">Learn</span>
AI
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-ai"
href="/ai/default.asp"
title="Artificial Intelligence Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="generative ai"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-genai"
href="/gen_ai/index.php"
title="Generative AI Tutorial"
>
<span class="learn-span">Learn</span>
Generative AI
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-genai"
href="/gen_ai/index.php"
title="Generative AI Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="chatgpt-3.5"
data-category="data_analytics"
>
<a
href="/gen_ai/chatgpt-3-5/index.php"
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-chatgpt35"
title="ChatGPT-3.5 Tutorial"
>
<span class="learn-span">Learn</span>
ChatGPT-3.5
</a>
<a
href="/gen_ai/chatgpt-3-5/index.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-chatgpt35"
title="ChatGPT-3.5 Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="chatgpt-4"
data-category="data_analytics"
>
<a
href="/gen_ai/chatgpt-4/index.php"
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-chatgpt4"
title="ChatGPT-4 Tutorial"
>
<span class="learn-span">Learn</span>
ChatGPT-4
</a>
<a
href="/gen_ai/chatgpt-4/index.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-chatgpt35"
title="ChatGPT-4 Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="google bard"
data-category="data_analytics"
>
<a
href="/gen_ai/bard/index.php"
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-bard"
title="Google Bard Tutorial"
>
<span class="learn-span">Learn</span>
Google Bard
</a>
<a
href="/gen_ai/bard/index.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-bard"
title="Google Bard Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="machine learning"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-ml"
href="/python/python_ml_getting_started.asp"
title="Machine Learning Tutorial"
>
<span class="learn-span">Learn</span>
Machine Learning
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-ml"
href="/python/python_ml_getting_started.asp"
title="Machine Learning Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="dsa"
data-category="data_analytics"
>
<a
href="/dsa/index.php"
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-dsa"
title="DSA - Data Structures and Algorithms"
>
<span class="learn-span">Learn</span>
DSA
</a>
<a
href="/dsa/index.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-dsa"
title="DSA - Data Structures and Algorithms"
>
Tutorial
</a>
</div>
<div
data-name="data science"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-ds"
href="/datascience/default.asp"
title="Data Science Tutorial"
>
<span class="learn-span">Learn</span>
Data Science
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-ds"
href="/datascience/default.asp"
title="Data Science Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="numpy"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-numpy"
href="/python/numpy/default.asp"
title="NumPy Tutorial"
>
<span class="learn-span">Learn</span>
NumPy
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-numpy"
href="/python/numpy/default.asp"
title="NumPy Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="pandas"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-pandas"
href="/python/pandas/default.asp"
title="Pandas Tutorial"
>
<span class="learn-span">Learn</span>
Pandas
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-pandas"
href="/python/pandas/default.asp"
title="Pandas Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="scipy"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-scipy"
href="/python/scipy/index.php"
title="SciPy Tutorial"
>
<span class="learn-span">Learn</span>
SciPy
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-scipy"
href="/python/scipy/index.php"
title="SciPy Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="matplotlib"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-matplotlib"
href="/python/matplotlib_intro.asp"
title="Matplotlib Tutorial"
>
<span class="learn-span">Learn</span>
Matplotlib
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-matplotlib"
href="/python/matplotlib_intro.asp"
title="Matplotlib Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="statistics"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-stat"
href="/statistics/index.php"
title="Statistics Tutorial"
>
<span class="learn-span">Learn</span>
Statistics
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-stat"
href="/statistics/index.php"
title="Statistics Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="excel"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-excel"
href="/excel/index.php"
title="Excel Tutorial"
>
<span class="learn-span">Learn</span>
Excel
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-excel"
href="/excel/index.php"
title="Excel Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="google sheet"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-sheets"
href="/googlesheets/index.php"
title="Google Sheets Tutorial"
>
<span class="learn-span">Learn</span>
Google Sheets
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-sheets"
href="/googlesheets/index.php"
title="Google Sheets Tutorial"
>
Tutorial
</a>
</div>
</div>
<div
id="tutorials_web_building_links_list_tablet"
class="w3-hide-large w3-hide-small"
>
<h3
class="tnb-nav-section-title"
data-heading="web_building_title"
>
Web Building
</h3>
<div
data-name="create a website"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-spaces fixpaddingsmallmenu"
href="/spaces/index.php"
title="Get Your Own Website With W3shools Spaces"
>
Create a Website
<span
class="ribbon-topnav"
style="background-color: #d9212c; color: white"
>
HOT!
</span>
</a>
</div>
<div
data-name="create a server"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-server fixpaddingsmallmenu"
href="/spaces/index.php"
title="Get Your Own Server With W3shools Spaces"
>
Create a Server
<span class="ribbon-topnav ws-green">NEW</span>
</a>
</div>
<div
data-name="where to start"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-wheretostart fixpaddingsmallmenu"
href="/where_to_start.asp"
title="Where To Start - Web Development"
>
Where To Start
</a>
</div>
<div
data-name="web templates"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-templates fixpaddingsmallmenu"
href="/w3css/w3css_templates.asp"
title="Free Web Templates"
>
Web Templates
</a>
</div>
<div
data-name="web statistics"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-webstats fixpaddingsmallmenu"
href="/browsers/default.asp"
title="Web Statistics"
>
Web Statistics
</a>
</div>
<div
data-name="web certificates"
data-category="web_building"
>
<a
target="_blank"
href="https://campus.w3schools.com"
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-certificates fixpaddingsmallmenu"
title="Certificates"
>
Web Certificates
</a>
</div>
<div
data-name="web development"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-web-development fixpaddingsmallmenu"
href="/whatis/default.asp"
title="Web Development Roadmaps"
>
Web Development
</a>
</div>
<div
data-name="code editor"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-code-editor fixpaddingsmallmenu"
href="/tryit/default.asp"
title="Try it - Code Editor"
>
Code Editor
</a>
</div>
<div
data-name="test your typing speed"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-typingspeed fixpaddingsmallmenu"
href="/typingspeed/default.asp"
title="Test Your Typing Speed"
>
Test Your Typing Speed
</a>
</div>
<div
data-name="play a code game"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-codegame fixpaddingsmallmenu"
href="/codegame/index.html"
title="Play a Code Game"
>
Play a Code Game
</a>
</div>
<div
data-name="cyber security"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-cybersec fixpaddingsmallmenu"
href="/cybersecurity/index.php"
title="Cyber Security Tutorial"
>
Cyber Security
</a>
</div>
<div
data-name="accessibility"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-accessi fixpaddingsmallmenu"
href="/accessibility/index.php"
title="Accessibility Security Tutorial"
>
Accessibility
</a>
</div>
<div
data-name="join our newsletter"
data-category="web_building"
>
<a
target="_blank"
href="https://campus.w3schools.com/pages/newsletter"
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-newsletter fixpaddingsmallmenu"
title="W3Schools Newsletter"
>
Join our Newsletter
</a>
</div>
</div>
</div>
<div class="w3-col l4 m6">
<div id="tutorials_javascript_links_list">
<h3
class="tnb-nav-section-title"
data-heading="javascript_title"
>
JavaScript
</h3>
<div
data-name="javascript"
data-category="javascript"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-js"
href="/js/default.asp"
title="JavaScript Tutorial"
>
<span class="learn-span">Learn</span>
JavaScript
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-js"
href="/js/default.asp"
title="JavaScript Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-js"
href="/jsref/default.asp"
title="JavaScript Reference"
>
Reference
</a>
</div>
<div
data-name="react"
data-category="javascript"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-react"
href="/react/default.asp"
title="React Tutorial"
>
<span class="learn-span">Learn</span>
React
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-react"
href="/react/default.asp"
title="React Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="jquery"
data-category="javascript"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-jquery"
href="/jquery/default.asp"
title="jQuery Tutorial"
>
<span class="learn-span">Learn</span>
jQuery
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-jquery"
href="/jquery/default.asp"
title="jQuery Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-jquery"
href="/jquery/jquery_ref_overview.asp"
title="jQuery Reference"
>
Reference
</a>
</div>
<div
data-name="vue"
data-category="javascript"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-vue"
href="/vue/index.php"
title="Vue Tutorial"
>
<span class="learn-span">Learn</span>
Vue
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-vue"
href="/vue/index.php"
title="Vue Tutorial"
>
Tutorial
</a>
<a
href="/vue/vue_ref_builtin-attributes.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-vue"
title="Vue Reference"
>
Reference
</a>
</div>
<div
data-name="angularjs"
data-category="javascript"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-angularjs"
href="/angular/default.asp"
title="Angular Tutorial"
>
<span class="learn-span">Learn</span>
AngularJS
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-angularjs"
href="/angular/default.asp"
title="Angular Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-angularjs"
href="/angular/angular_ref_directives.asp"
title="Angular Reference"
>
Reference
</a>
</div>
<div
data-name="json"
data-category="javascript"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-json"
href="/js/js_json_intro.asp"
title="JSON Tutorial"
>
<span class="learn-span">Learn</span>
JSON
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-json"
href="/js/js_json_intro.asp"
title="JSON Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-json"
href="/jsref/jsref_obj_json.asp"
title="JSON Reference"
>
Reference
</a>
</div>
<div
data-name="ajax"
data-category="javascript"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-ajax"
href="/js/js_ajax_intro.asp"
title="AJAX Tutorial"
>
<span class="learn-span">Learn</span>
AJAX
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-ajax"
href="/js/js_ajax_intro.asp"
title="AJAX Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="appml"
data-category="javascript"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-appml"
href="/appml/default.asp"
title="AppML Tutorial"
>
<span class="learn-span">Learn</span>
AppML
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-appml"
href="/appml/default.asp"
title="AppML Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-appml"
href="/appml/appml_reference.asp"
title="AppML Reference"
>
Reference
</a>
</div>
<div
data-name="w3.js"
data-category="javascript"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-w3js"
href="/w3js/default.asp"
title="W3.JS Tutorial"
>
<span class="learn-span">Learn</span>
W3.JS
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-w3js"
href="/w3js/default.asp"
title="W3.JS Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-w3js"
href="/w3js/w3js_references.asp"
title="W3.JS Reference"
>
Reference
</a>
</div>
</div>
<div
id="tutorials_web_building_links_list_desktop"
class="w3-hide-medium w3-hide-small"
>
<h3
class="tnb-nav-section-title"
data-heading="web_building_title"
>
Web Building
</h3>
<div
data-name="create a website"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-spaces"
href="/spaces/index.php"
title="Get Your Own Website With W3shools Spaces"
>
Create a Website
<span
class="ribbon-topnav"
style="background-color: #d9212c; color: white"
>
HOT!
</span>
</a>
</div>
<div
data-name="create a server"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-server"
href="/spaces/index.php"
title="Get Your Own Server With W3shools Spaces"
>
Create a Server
<span class="ribbon-topnav ws-green">NEW</span>
</a>
</div>
<div
data-name="where to start"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-wheretostart"
href="/where_to_start.asp"
title="Where To Start - Web Development"
>
Where To Start
</a>
</div>
<div
data-name="web templates"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-templates"
href="/w3css/w3css_templates.asp"
title="Free Web Templates"
>
Web Templates
</a>
</div>
<div
data-name="web statistics"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-webstats"
href="/browsers/default.asp"
title="Web Statistics"
>
Web Statistics
</a>
</div>
<div
data-name="web certificates"
data-category="web_building"
>
<a
target="_blank"
href="https://campus.w3schools.com"
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-certificates"
title="Certificates"
>
Web Certificates
</a>
</div>
<div
data-name="web development"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-web-development"
href="/whatis/default.asp"
title="Web Development Roadmaps"
>
Web Development
</a>
</div>
<div
data-name="code editor"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-code-editor"
href="/tryit/default.asp"
title="Try it - Code Editor"
>
Code Editor
</a>
</div>
<div
data-name="test your typing speed"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-typingspeed"
href="/typingspeed/default.asp"
title="Test Your Typing Speed"
>
Test Your Typing Speed
</a>
</div>
<div
data-name="play a code game"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-codegame"
href="/codegame/index.html"
title="Play a Code Game"
>
Play a Code Game
</a>
</div>
<div
data-name="cyber security"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-cybersec"
href="/cybersecurity/index.php"
title="Cyber Security Tutorial"
>
Cyber Security
</a>
</div>
<div
data-name="accessibility"
data-category="web_building"
>
<a
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-accessi"
href="/accessibility/index.php"
title="Accessibility Security Tutorial"
>
Accessibility
</a>
</div>
<div
data-name="join our news letter"
data-category="web_building"
>
<a
target="_blank"
href="https://campus.w3schools.com/pages/newsletter"
class="w3-bar-item w3-button ga-top-drop ga-top-drop-tut-newsletter"
title="W3Schools Newsletter"
>
Join our Newsletter
</a>
</div>
</div>
</div>
<div class="w3-col l4 m6">
<div id="tutorials_backend_links_list">
<h3
class="tnb-nav-section-title"
data-heading="backend_title"
>
Backend
</h3>
<div
data-name="python"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-python"
href="/python/default.asp"
title="Python Tutorial"
>
<span class="learn-span">Learn</span>
Python
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-python"
href="/python/default.asp"
title="Python Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-python"
href="/python/python_reference.asp"
title="Python Reference"
>
Reference
</a>
</div>
<div
data-name="sql"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-sql"
href="/sql/default.asp"
title="SQL Tutorial"
>
<span class="learn-span">Learn</span>
SQL
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-sql"
href="/sql/default.asp"
title="SQL Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-sql"
href="/sql/sql_ref_keywords.asp"
title="SQL Reference"
>
Reference
</a>
</div>
<div
data-name="mysql"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-mysql"
href="/mysql/default.asp"
title="MySQL Tutorial"
>
<span class="learn-span">Learn</span>
MySQL
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-mysql"
href="/mysql/default.asp"
title="MySQL Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-mysql"
href="/mysql/mysql_datatypes.asp"
title="MySQL Reference"
>
Reference
</a>
</div>
<div
data-name="php"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-php"
href="/php/default.asp"
title="PHP Tutorial"
>
<span class="learn-span">Learn</span>
PHP
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-php"
href="/php/default.asp"
title="PHP Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-php"
href="/php/php_ref_overview.asp"
title="PHP Reference"
>
Reference
</a>
</div>
<div
data-name="java"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-java"
href="/java/default.asp"
title="Java Tutorial"
>
<span class="learn-span">Learn</span>
Java
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-java"
href="/java/default.asp"
title="Java Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-java"
href="/java/java_ref_reference.asp"
title="Java Reference"
>
Reference
</a>
</div>
<div
data-name="c"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-c"
href="/c/index.php"
title="C Tutorial"
>
<span class="learn-span">Learn</span>
C
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-c"
href="/c/index.php"
title="C Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-cpp"
href="/c/c_ref_reference.php"
title="C Reference"
>
Reference
</a>
</div>
<div
data-name="c++"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-cpp"
href="/cpp/default.asp"
title="C++ Tutorial"
>
<span class="learn-span">Learn</span>
C++
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-cpp"
href="/cpp/default.asp"
title="C++ Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-cpp"
href="/cpp/cpp_ref_reference.asp"
title="C++ Reference"
>
Reference
</a>
</div>
<div
data-name="c#"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-cs"
href="/cs/index.php"
title="C# Tutorial"
>
<span class="learn-span">Learn</span>
C#
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-cs"
href="/cs/index.php"
title="C# Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="r"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop ga-top-drop-tut-r"
href="/r/default.asp"
title="R Tutorial"
>
<span class="learn-span">Learn</span>
R
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop ga-top-drop-tut-r"
href="/r/default.asp"
title="R Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="kotlin"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-kotlin"
href="/kotlin/index.php"
title="Kotlin Tutorial"
>
<span class="learn-span">Learn</span>
Kotlin
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-kotlin"
href="/kotlin/index.php"
title="Kotlin Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="go"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-go"
href="/go/index.php"
title="Go Tutorial"
>
<span class="learn-span">Learn</span>
Go
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-go"
href="/go/index.php"
title="Go Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="django"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-django"
href="/django/index.php"
title="Django Tutorial"
>
<span class="learn-span">Learn</span>
Django
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-django"
href="/django/index.php"
title="Django Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-django"
href="/django/django_ref_template_tags.php"
title="Django Reference"
>
Reference
</a>
</div>
<div
data-name="postgresql"
data-category="backend"
>
<a
href="/postgresql/index.php"
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-postgresql"
title="PostgreSQL Tutorial"
>
<span class="learn-span">Learn</span>
PostgreSQL
</a>
<a
href="/postgresql/index.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-postgresql"
title="PostgreSQL Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="typescript"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-typescript"
href="/typescript/index.php"
title="TypeScript Tutorial"
>
<span class="learn-span">Learn</span>
TypeScript
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-typescript"
href="/typescript/index.php"
title="TypeScript Reference"
>
Tutorial
</a>
</div>
<div
data-name="asp"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-asp"
href="/asp/default.asp"
title="ASP Tutorial"
>
<span class="learn-span">Learn</span>
ASP
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-asp"
href="/asp/default.asp"
title="ASP Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-asp"
href="/asp/asp_ref_vbscript_functions.asp"
title="ASP Reference"
>
Reference
</a>
</div>
<div
data-name="node.js"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-nodejs"
href="/nodejs/default.asp"
title="Node.js Tutorial"
>
<span class="learn-span">Learn</span>
Node.js
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-nodejs"
href="/nodejs/default.asp"
title="Node.js Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-nodejs"
href="/nodejs/ref_modules.asp"
title="Node.js Reference"
>
Reference
</a>
</div>
<div
data-name="raspberry pi"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-rpi"
href="/nodejs/nodejs_raspberrypi.asp"
title="Raspberry Pi Tutorial"
>
<span class="learn-span">Learn</span>
Raspberry Pi
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-rpi"
href="/nodejs/nodejs_raspberrypi.asp"
title="Raspberry Pi Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="git"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-git"
href="/git/default.asp"
title="Git Tutorial"
>
<span class="learn-span">Learn</span>
Git
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-git"
href="/git/default.asp"
title="Git Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="mongodb"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-mongodb"
href="/mongodb/index.php"
title="MongoDB Tutorial"
>
<span class="learn-span">Learn</span>
MongoDB
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-mongodb"
href="/mongodb/index.php"
title="MongoDB Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="aws cloud"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-aws-cloud"
href="/aws/index.php"
title="AWS Cloud Tutorial"
>
<span class="learn-span">Learn</span>
AWS Cloud
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-aws-cloud"
href="/aws/index.php"
title="AWS Cloud Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="xml"
data-category="backend"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-xml"
href="/xml/default.asp"
title="XML Tutorial"
>
<span class="learn-span">Learn</span>
XML
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-xml"
href="/xml/default.asp"
title="XML Tutorial"
>
Tutorial
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-ref-xml"
href="/xml/dom_nodetype.asp"
title="XML Reference"
>
Reference
</a>
</div>
</div>
<div
id="tutotials_data_analytics_links_list_mobile"
class="w3-hide-large w3-hide-medium"
>
<h3
class="tnb-nav-section-title"
data-heading="data_analytics_title"
>
Data Analytics
</h3>
<div
data-name="ai"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-ai"
href="/ai/default.asp"
title="Artificial Intelligence Tutorial"
>
<span class="learn-span">Learn</span>
AI
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-ai"
href="/ai/default.asp"
title="Artificial Intelligence Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="generative ai"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-genai"
href="/gen_ai/index.php"
title="Generative AI Tutorial"
>
<span class="learn-span">Learn</span>
Generative AI
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-genai"
href="/gen_ai/index.php"
title="Generative AI Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="chatgpt-3.5"
data-category="data_analytics"
>
<a
href="/gen_ai/chatgpt-3-5/index.php"
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-chatgpt35"
title="ChatGPT-3.5 Tutorial"
>
<span class="learn-span">Learn</span>
ChatGPT-3.5
</a>
<a
href="/gen_ai/chatgpt-3-5/index.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-chatgpt35"
title="ChatGPT-3.5 Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="chatgpt-4"
data-category="data_analytics"
>
<a
href="/gen_ai/chatgpt-4/index.php"
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-chatgpt4"
title="ChatGPT-4 Tutorial"
>
<span class="learn-span">Learn</span>
ChatGPT-4
</a>
<a
href="/gen_ai/chatgpt-4/index.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-chatgpt35"
title="ChatGPT-4 Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="google bard"
data-category="data_analytics"
>
<a
href="/gen_ai/bard/index.php"
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-bard"
title="Google Bard Tutorial"
>
<span class="learn-span">Learn</span>
Google Bard
</a>
<a
href="/gen_ai/bard/index.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-bard"
title="Google Bard Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="machine learning"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-ml"
href="/python/python_ml_getting_started.asp"
title="Machine Learning Tutorial"
>
<span class="learn-span">Learn</span>
Machine Learning
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-ml"
href="/python/python_ml_getting_started.asp"
title="Machine Learning Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="dsa"
data-category="data_analytics"
>
<a
href="/dsa/index.php"
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-dsa"
title="DSA - Data Structures and Algorithms"
>
<span class="learn-span">Learn</span>
DSA
</a>
<a
href="/dsa/index.php"
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-dsa"
title="DSA - Data Structures and Algorithms "
>
Tutorial
</a>
</div>
<div
data-name="data science"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-ds"
href="/datascience/default.asp"
title="Data Science Tutorial"
>
<span class="learn-span">Learn</span>
Data Science
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-ds"
href="/datascience/default.asp"
title="Data Science Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="numpy"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-numpy"
href="/python/numpy/default.asp"
title="NumPy Tutorial"
>
<span class="learn-span">Learn</span>
NumPy
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-numpy"
href="/python/numpy/default.asp"
title="NumPy Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="pandas"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-pandas"
href="/python/pandas/default.asp"
title="Pandas Tutorial"
>
<span class="learn-span">Learn</span>
Pandas
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-pandas"
href="/python/pandas/default.asp"
title="Pandas Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="scipy"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-scipy"
href="/python/scipy/index.php"
title="SciPy Tutorial"
>
<span class="learn-span">Learn</span>
SciPy
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-scipy"
href="/python/scipy/index.php"
title="SciPy Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="matplotlib"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-matplotlib"
href="/python/matplotlib_intro.asp"
title="Matplotlib Tutorial"
>
<span class="learn-span">Learn</span>
Matplotlib
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-matplotlib"
href="/python/matplotlib_intro.asp"
title="Matplotlib Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="statistics"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-stat"
href="/statistics/index.php"
title="Statistics Tutorial"
>
<span class="learn-span">Learn</span>
Statistics
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-stat"
href="/statistics/index.php"
title="Statistics Tutorial"
>
Tutorial
</a>
</div>
<div
data-name="excel"
data-category="data_analytics"
>
<a
class="w3-bar-item w3-button acctop-link ga-top-drop ga-top-drop-tut-excel"
href="/excel/index.php"
title="Excel Tutorial"
>
<span class="learn-span">Learn</span>
Excel
</a>
<a
class="ws-btn acclink-text ga-top-drop ga-top-drop-tut-excel"
href="/excel/index.php"
title="Excel Tutorial"
URL
GET https://w3schools.com/
Response Headers
Content-Length:134Content-Type:text/htmlDate:Thu, 21 Nov 2024 13:18:33 GMTLocation:https://www.w3schools.com:443/Server:awselb/2.0
Response Body
<html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> </body> </html>
Resolver
Resolver ASN
AS15169
Resolver IP
172.253.12.152
Resolver Network Name
Google LLC
Report ID
20241121T131446Z_webconnectivity_IT_198916_n1_oopPxvSo2NMwMIAr
Platform
android
Software Name
ooniprobe-android-unattended (4.0.0)
Measurement Engine
ooniprobe-engine (3.23.0)