How to Create a Static Website in Azure Storage

How to Create a Static Website in Azure Storage

Azure Storage offers a lot of features, Blob storage, Azure File Shares, message Queues, and Table storage just to name a few.  We can also use it to host static web content.  This feature allows us to quickly create a static website available over the internet or private network with Private Endpoints.  This video goes over how to create a static website and upload an HTML page.  Then we take it a step further by adding JavaScript for client-side scripting.

Links

Free Azure guide!  Subscribe to the newsletter
https://subscribepage.io/rbsIjt

Hybrid Identity with Windows AD and Azure AD
https://www.udemy.com/course/hybrid-identity-and-azure-active-directory/?referralCode=7F62C4C6FD05C73ACCC3

Zero to Hero with Azure Virtual Desktop
https://www.udemy.com/course/zero-to-hero-with-windows-virtual-desktop/?referralCode=B2FE49E6FCEE7A7EA8D4

Windows 365 Enterprise and Intune Management
https://www.udemy.com/course/windows-365-enterprise-and-intune-management/?referralCode=4A1ED105341D0AA20D2E

W3 Schools JavaScript
https://www.w3schools.com/js/default.asp

*HTML Code:

<!DOCTYPE html>
<html>
<head>
<title>Welcome to the Site!</title>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

*JavaScript Code:

<!DOCTYPE html>
<html>
<body>

<h2>What Can JavaScript Do On A Static Site?</h2>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>Click Me!</button>

</body>
</html>

* Credit W3 Schools https://www.w3schools.com/

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll to Top