HTML BASICS
Welcome to our blog Techwalebnde, So today is your first day of html as I promised earlier ki mai ap sab ko sb kuch detail me btaunga toh wo din aa gaya....
Lets begin our journey to ace this basic structural language that is html-Hypertext mark up language.
HEADINGS
So first of all there are six headings in the html that is from h1 to h6
which are as follows.....
<h1>Raja-Sbse bdi</h1>
<h2>Mantri-Usse choti</h2>
<h3>Isse choti</h3>
and respectively aise hi h6 tk chlte hai...
Hope so headings clear hogye honge ap sb ko...
OPENING AND CLOSING TAGS
Acha chlo ab apko yeh toh pta hi hoga ki html me bohot sare tags hote hai but basically we categorise these tags into the following tags which are
- Opening Tags
- Closing Tags
There are only two opening tags in html that is <br> and <hr>
<br> stands for breakrule
<hr>stands for horizontal line
Rest all are closing tags which I'll provided you in html cheatsheat hope you all go through it....
PARAGRAPHS
Chlo ab hum bt krte hai paragraph tag ki mujhe lgte nhi yeh btane ke jarurat hai but phir bhi bta deta hoon simple language me like paragraph tag is the tag in which all your content which is in paragraph comes here..
<p>BLAH BLAH BLAH </p>
Image tag
The `<img>` tag in HTML is used to embed images into a webpage. It doesn't have a closing tag because it's an empty element.
Here's a basic example of how to use the `<img>` tag:
<img src="image.jpg" alt="Description of the image">
Let's break down the attributes commonly used with the `<img>` tag:
1. Src : This attribute specifies the URL of the image file. It can be a relative or absolute URL.
2. Alt : This attribute provides alternative text for the image. It's important for accessibility purposes and also displays if the image fails to load.
3.Width: This attribute specifies the width of the image in pixels. You can specify it as an absolute value like `width="100"` or as a percentage of the containing element's width like `width="50%"`.
4. Height: This attribute specifies the height of the image in pixels. Similar to width, you can specify it as an absolute value or a percentage.
5. Title: This attribute provides a title for the image. It's displayed as a tooltip when the user hovers over the image.
6. Loading: This attribute tells the browser how to load the image. Possible values include "auto", "eager", and "lazy". "Auto" is the default behavior, "eager" tells the browser to load the image as soon as possible, and "lazy" tells the browser to defer loading the image until it's near the viewport.
7. decoding: This attribute specifies how the browser should decode the image file. Possible values include "async" and "sync".
8. Crossorigin: This attribute specifies how the element handles crossorigin requests. Possible values include "anonymous" and "use-credentials".
9. Sizes: This attribute specifies a set of media conditions and associated image sizes, indicating what image size would be best to choose in different scenarios. It's mainly used with responsive images.
These are some of the most commonly used attributes with the `<img>` tag, but there are others as well, though less frequently used in everyday coding.
So guys aj ke class ke liye itna hi hai ab apko homework yeh ki apko yeh sare tags apply krke dekhne vs studio code me agr aapko koe bhi issue toh you can ask us by commenting on our blog...
Ab mai apko ek template ke image provide kr rha hoon jo ki apko practice krke dekhne hai...
Here's the image....
Please do it sincerly otherwise there is no benefit if you doesn't practise ek bt yd rkhna na coding pdh ke aate hai or na dekh ke coding sirf practise kr ke aate hai...
I hope so you all do this assignment or aapko ye html basics ke series psnd aa rhi hoge...
0 Comments