Today, I have decided to start making a HTML/CSS tutorial series for the YTMs in the house, i know you probably must have a lot going through your mind when it comes to how to make a website but the truth is that its not much a of a big deal, you only need to understand and speak the lingo of the web and browsers to make a wonderful website.
PREREQUISITES FOR LEARNING HTML/CSS
Before we begin I'll like to first of all tell you about the necessary prerequisites for making a website. Firstly you need a computer with a browser installed on it and text editor of your choice such as Sublime Text, Notepad++ etc, I'll be making use of Sublime Text and Google Chrome browser for the tutorial.
A LITTLE ABOUT HTML/CSS
HTML and CSS are simply the language of the web, as a matter of fact you need to understand them in order to build a great web page.
HTML stands for Hypertext Markup Language which is a markup language for describing web documents (web pages) according W3Schools, while
CSS stands for Cascading Style Sheet which describes how elements must be presented and rendered on screen, on paper, or in other media.
THE WORKON
1. Open up your text editor
2. Type the code below into it
<html>
<head>
<title>Welcome</title>
</head>
<body>
<h1>Welcoming to my first </h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas nostrum eveniet ullam magni quisquam blanditiis vel dolor quam, sint consequuntur nisi iusto temporibus cumque quo recusandae veritatis perspiciatis possimus commodi provident quas quia sapiente quaerat! In eaque natus doloribus recusandae porro quidem facilis illo ipsa, facere suscipit veritatis voluptatum quam molestiae nulla voluptatibus voluptatem sit ab dolore sint, numquam beatae ratione. Quibusdam excepturi, dicta, illum fugiat iusto expedita quo laudantium, sequi doloribus deserunt rem nihil provident facilis aut debitis ad blanditiis, nisi exercitationem voluptates neque aperiam similique necessitatibus error! Praesentium autem culpa vitae aspernatur aliquid nobis eligendi adipisci, ut possimus.
</p>
</body>
</html>
(make sure you type it yourself, don't copy and paste)
3. Save the file as index.html (the .html extension is compulsory for your file to run on the browser)
4. Now, browse the location where you saved it and double click on it.
5. It should now be opened on your browser.
leave me a comment on what you see on your browser.
I'll stop here for now, to avoid getting you bored and soon I'll be making the next part of this tutorial series, and please if you have any questions on this so far just use the comment section and I'll be right here to help.
For intense understanding of this tutorial, you should checkout my youtube channel where I'll be making the video tutorial for this series, and I'll be continuously writing and making video tutorial until you can make a wonderful web page with HTML/CSS, so stay tuned and don't stray.
Thanks for reading.
0 comments:
Post a Comment