Welcome to my HTML learning journey page. Zivayousaf.com provides basic yet good information about HTML and CSS, that is helpful for building web pages. Through this platform, you can learn the fundamental steps of HTML and improve your web development skills alongside me.
Step 1: Understand the basics
HTML is a coding language, it stands for hyper text markup language, It is used to create web pages. An HTML document consists of text files and HTML tags. Which places images or texts where you would want it to be. A browser is a computer software program that can take you to different places on the web. You have to type in a URL of a web page (website) and click enter or go on your computer to take you to that website. If you're wondering what a tag is, keep on reading! Tags are very important pieces in coding with HTML. They are in other coding languages too, except used differently! There is basically content that gives instructions to your web page. A tag always starts with a < (left bracket) and always ends with a > (right bracket). Just as a sentence starts with a capital letter and ends with a punctuation sign.
Here’s an example!!↓
<!doctype html>
This is a tag that starts with a left bracket and ends with a right bracket.
Step 2: Getting started by Exploring
To be able to make a website you should start off by practicing/exploring! That's what I did, I first watched some basic videos about some codes on youtube and practiced on Trinket and VS CODE!
Below you will see that I have pasted the code and a screenshot on my first code I worked on. I wanted to learn some cool stuff so I can apply my knowledge on the website. So I basically Changed the Font, made the title ( The old lighthouse) green and changed the word "THE END" to underlined. This website is a very interesting website. It’s perfect for exploring HTML and trying your own code, it also saves which is a very good thing when it comes to coding!
Trinket.io
This is the website I used above!
Next up we have VS code. Vs code is another coding platform, except I personally feel that it’s a lot more advanced and hard to explore for HTML coding beginners. Although it could be better for you, it really depends on the person and how comfortable they are with coding. I personally like Trinket because it has more things to explore and it saves. VS code is another coding platform, it doesn't save unless you have it downloaded and I don't recommend it if your new to HTML Here’s an idea on how the platform looks! ↓
VSCodes.io
This is the an other coding platform
TIP: Watch videos on HTML basics it helps a lot!
This youtube creator is a very good channel to watch videos for beginners. I watched some of his videos and helped me answer my questions!
URL:
YouTube Channel Name: w3schools
The website that I am listing below is a good website to get the answer to all your questions about HTML and CSS!
Basic CSS
CSS stands for Cascanding Style sheets. CSS is a stylesheet language used to make web pages more creative or nicer. Take a look below! You can see on the left hand side the creator did not use CSS and on the right hand side the creator did use CSS. It looks a lot more creative and fun, it’s also most likely it will draw more attention. CSS only works by selecting an HTML element and applying properties to it. While I was practicing css I tried using Internal CSS, so I added the CSS to the HTML file. When you do this, always remember you have this code on your separate CSS file and in your HTML file. Make sure you have a linking code which links your CSS file to your HTML file.
Above it's a simple photo on before and after CSS has been applied. On the left is before CSS and on the right of the picture it's after CSS. It's more interesting and bright so it bring the readers eye.
IMPORTANT DEFINITIONS
< >
< >