My dear students and friends, in today's blog we will learn about what is HTML ,Why is need to use and How is it work. So let's know-
4.HTML Image <img>:-
HTML stands for
H- Hyper
T- Text
M- Markup
L- language.
1.HTML is a markup or scripting language.
2.It is used to create a web-page.
3.It is describe the structure of web page using markup.
4.In HTML, the elements are represented by the tags. like
"< >"
5.The all elements are building block of HTML pages.
6.The tag of HTML can be written in any case i.e. small alphabet or big alphabet.
7.Every elements has a starting tag and closing tag. Like
<tag name>content</tag name>
or
<h1>My name is HTML code.</h1>
8.HTML tags comes in pairs but sometime some tags not in pair.
The following is the rundown of the leading 10 Uses of HTML language.
- Web pages development
- Web document Creation
- Internet navigation
- Cutting edge feature
- Responsive images on web pages
- Client-side storage
- Offline capabilities usage
- Data Entry support with HTML
- Game development usage
- Native APIs usage to enrich a website etc
How to Save and run HTML code:-
- Any text editor software (Notepad, notepad++ etc ) is needed to write HTML code to save it later .html (dot html) extension is used anywhere in your computer.
- After saving HTML code is executed or run on Google Chrome or mozilla firefox browser.
Structure of HTML code:-
<Html>
</html>
<head>
<title>Title of your web site</title>
</head>
<body>main part of HTML code </body>
</html>
- In this code, the <html> element is the root element of an HTML code.
- <head> element is containing a meta information about the document.
- <title> element is title of your web-site.
- <body> element contains the visible page your content.
HTML versions:-
Note:- The start tag is also called as opening tag and the end tag is also called closing tag.
Now we will know about some different types of important tags.
1.Heading Tags(<h1> To <h6>):-
Head tags are written in <h>. Header tags are used to determine a structure to be used in any article, with the help of which users can understand the article properly and easily. The main function of the head tag is to tell the web browser how to display the content text in the webpage. We use it to write the header.
There are six types of Head Tags such as-
- <H1>
- <H2>
- <H3>
- <H4>
- <H5>
- <H6>
Note:-Heading tags are always written inside body tags.
Let's see some examples:-
<html>
<head>
<title>title of your website</title>
</head>
<body>
<h1>This is my new page</h1>
<h2>This is my new page</h2>
<h3>This is my new page</h3>
<h4>This is my new page</h4>
<h5>This is my new page</h5>
<h6>This is my new page</h6>
</body>
</html>
Output:-
2. Paragraph Tags(<p>):-
The paragraph tag in HTML is used to define the HTML paragraph element. The <p> tag is used to define the paragraph.
Opening tag of paragraph is written as <p> and closing tag is </p>.
Let's see some examples:-
<html>
<head>
<title>www.todaygyan3blogspot.com</title>
</head>
<body>
<p>Today Gyan is a Professional Computer Education Platform. Here we will provide you only interesting content, which you will like very much. We're dedicated to providing you the best of Computer Education, with a focus on dependability and Learning. We're working to turn our passion for Computer Education into a booming online website. We hope you enjoy our Computer Education as much as we enjoy offering them to you.
I will keep posting more important posts on my Website for all of you. Please give your support and love.
Thanks For Visiting Our Site</p>
</body>
</html>
3.HTML Links <a>:-
The anchor tag <a> is used to access HTML links. A hand-like symbol appears when the mouse cursor is used on the text on which the anchor tag <a> is used, and as soon as we click on that text, we reach that particular blog or article.
OR
HTML links are also define with the between <a> and </a> tags.
Syntax:- <a href="URL"> link text </a>
For Example:-
<html>
<head>
<title>HTML links </title>
</head>
<body>
<a href="https://todaygyan3.blogspot.com/p/what-is-html_9.html"> Click me html links </a>
</body>
</html>
HTML images are defined in the img tag (<img>). Images are used in the code of html to make any written test or paragraph easy to understand and at the same time your web page also looks attractive.
The source file (src) alternative text (alt) , width and height are provided as attributes.
syntax:- <img src="image URL">
For Example:-
<html>
<head>
<title>HTML links </title>
</head>
<body>
<img src="image_name.jpg" alt="www.image.com" width="200" height="250" >
</body>
</html>
You must have seen in this code that you must have seen .jpg in the src of the image, this is the extention of the image. We can use some extension of the image like .jpg, .jpeg, .png etc. in the code of HTML.
Learn more
Nice information bro
ReplyDeleteHii
ReplyDeletehello my friend tell me what are you know
Delete