Day2: Build Your First Webpage
Today, we will start learning HTML and learning the best tags to use most commonly. HTML is just a blueprint of the web.CSS provides the style.
- HTML is like the skeleton (the structure or “bones” of a webpage).
- CSS is like the skin, hair, and clothes (the styling and appearance).
- JavaScript is like the brain (it makes the webpage interactive and dynamic).
HTML’s full name is HyperText Markup Language.
Download VS Code
Download a code editor, such as VS Code, to write code. This code editor is easy to use, and I have been using it for 3 years. Most developers also prefer this editor for its simplicity and powerful features. Just search for VS Code online, download it, and launch it. If you need guidance on using VS Code, drop a comment, and I will write another blog to guide you on how to download and use VS Code step by step.
This is the basic HTML Document Structure to start writing code:
<h1> to <h6>
The <h1> to <h6> tags are used to give headings to your site. These tags help display headings in different sizes.
The heading of this blog uses the <h3> tag, so it’s medium-sized, not too big and not too small. <h1> is used for the largest and most important heading. <h6> is used for the smallest heading.
<p>
The <p> tag is used to add paragraphs to your webpage. For example, this content is written inside a <p> tag, which makes it appear as normal text on the page.
<a>
The <a> tag is used to create links that connect to another page. This tag allows you to link to external pages or other sections within your website. The href attribute is used to specify the path or URL of the page you want to link to. When you click on the link, it will take you to that page easily.
<a href=”https://www.bharatvibrant.com”>Click here to visit bharatvibrant</a>
This is the code. Try adding another link to share with your friends, so they can also learn this course
<img>
The <img> tag is used to add images to your webpage. This helps in creating a more visually appealing and informative webpage. The src attribute is used to specify the path of the image you want to display on your webpage.
<img src=”https://bharatvibrant.com/wp-content/uploads/2024/07/cropped-IMG_0108.png”>
This link is for my page logo. I want to show my logo on my page. You can use the following code to display your logo as an image:
<br> and <hr>
The <br> and <hr> tags are used to create breaks in your webpage layout The <br> tag is used to move the content to the next line, allowing you to display details on a new line. It’s useful when you want to break a line of text without starting a new paragraph.
The <hr> tag is used to insert a horizontal line, often used to separate sections of content.
code
output
Today, I have learned about HTML tags. You can use all these tags to build your webpage. Stay tuned for another blog, where you can continue learning and enjoy the process!
Follow my WhatsApp channel to receive more details and stay updated with all the latest information!
Post Comment