How to make a website using notepad | Beginner’s Tutorial

In This Tutorial, we will learn how to create a webpage in HTML using notepad. Notepad Editor is a text editor built into all Windows computers. There are many advanced code editors or software also available. However, we will use the default and general editor like Notepad for beginners to make an HTML website.

For source code visit:
https://www.divinectorweb.com/

ЁЯСЙBuy Me A Coffee: https://www.buymeacoffee.com/divinector

Follow this Channel:
————————————————–
Website for Source Code: https://www.divinectorweb.com/
Facebook: https://www.facebook.com/Divinector/
Twitter: https://twitter.com/Divinector
Instagram: https://www.instagram.com/Divinector/
Subscribe to this Channel: https://bit.ly/23QaHDm
===========================================

–| Watch More Videos on Webdesign | —
—————————————–

тЦ╢я╕П Full Website For Scratch: https://cutt.ly/0NCSXoV
тЦ╢я╕П Flexbox examples: https://cutt.ly/XmYdofE
тЦ╢я╕П Navigation menu Tutorial: https://cutt.ly/7mYdnGX
тЦ╢я╕П Ken Burns Effects: https://cutt.ly/wmYdfRb
тЦ╢я╕П Swiper slider tutorial: https://cutt.ly/WmYdWu0
тЦ╢я╕П Slick slider tutorial: https://cutt.ly/5mYdTl3
тЦ╢я╕П Footer Design: https://cutt.ly/ZmYdUHB
тЦ╢я╕П Pricing Table Design: https://cutt.ly/emYdAaY
тЦ╢я╕П Contact Form Design: https://cutt.ly/5mYdFgT
тЦ╢я╕П CSS Image Hover Effect: https://cutt.ly/9mYdK6v
тЦ╢я╕П CSS3 Animation Snippets: https://cutt.ly/umYdBCz
тЦ╢я╕П Home page design: https://cutt.ly/7mYd9Zs
тЦ╢я╕П Web Design & Development: https://cutt.ly/nmYft52
тЦ╢я╕П Text Animation: https://cutt.ly/QmYfpA4
тЦ╢я╕П JQuery Plugin Tutorial: https://cutt.ly/MmYffYb
тЦ╢я╕П HTML Template: https://cutt.ly/AmYfj0s

Image Credit:
——————————–
Pexels

#divinector

source

34 Comments

  5. <!DOCTYPRE HTML >

    <html>

    <head>

    <title>how to make a website using notepad</title>

    </style>

    *{

    margin:0;

    padding:60px;

    background:#262626;

    padding;0 50px;

    }

    .logo{

    width:30%;

    float:left;

    color:#fff;

    font-weight:bold;

    text-transform:uppercase;

    line-height:60px;

    font-size;35px;

    font-family:sans-serif;

    }

    nav{ width:68%;

    float:right;

    }

    nav ul li a{

    text-decoration:none;

    color:#ff;

    font-family;sans-serif;

    font-weight:bold;

    margin:0 10px;

    luine-height:60px;

    text-transform:uppercase;

    }

    .banner{

    height:100

    }

    .banner img{

    width:100%;

    height:90vh;

    }

    .content {

    padding:5%;

    }

    .content{

    font-size:18px;

    line-height:1.7;

    font-family:sans-serif;

    margin-bottom:25px'

    }

    footer{

    background:#000;

    color:#fff;

    padding:15px 50px;

    text-alig:center;

    }

    </style>

    <head>

    <body>

    <header>

    <div class="logo">Logo</div>

    <nav>

    <ul>

    <li><a href="#">Home</a></li>

    <li><a href="#">Home</a></li>

    <li><a href="#">Home</a></li>

    <li><a href="#">Home</a></li>

    </ul>

    </nav>

    </header>

    <div class ="banner">

    <img src="https://www.pixelstalk.net/wp-content/uploads/2016/08/Lamborghini-mountain-fog-sports-car-photos.jpg" alt="">

    </div>

    <div class="contect'>

    <p>If you look around you, it isnтАЩt hard to discover that everyone lives by their own belief system or perhaps a code. Some people believe the perfect life is having a steady, well-paying job and living in a house in the suburbs with kids playing in the backyard. Others believe тАжThe future never looks exactly how we imagined it a few decades ago. Reliable vehicles just came into existence a century ago, and one could not have imagined driverless cars at that time. Visions of the 21st century that were conceived in the 20th century did tend to get some тАжCreative advertising is a tricky business, particularly in the case of car commercials. Describing a new automobile, or an updated version of it would risk to become boring, unless producers think of an innovative way of launching it on the market. Car ads mostly focus on analyzing and emphasizing the тАж</p>

    </div>

    <footer>

    <p> ALL Right Reserved By Your Website</p>

    </footer>

    </body>

    </html> easy fo you

  17. this vid really helps me in my project since i now encounter this coding thing but i have a question where do you put the image code cuz when i put mine their are no image i did copy all that you present in you video so i can master it and learn from it but the image i cant see it.

Leave A Reply

Please enter your comment!
Please enter your name here