Introduction To HTML (Hyper Text Markup language)
#Introduction:-
HTML is also called the backbone of a webpage because it provide all of implement of anything inside our webpage. It was introduced by Tim Berners Lee in 1990s.It is the most important thing to create webpage so it is also called the core technology of websites. There are 5 HTML version they are html 1,2,3,4,5 and latest is 5 which was launched on January 2008.The full form of HTML is Hyper Text Markup Language. HTML is the basic structure markup language which is used to create basic structure of a webpage or website. Html is one of the basic language which gives us understanding about how to create website or webpage .There are 3 basic language which is used to create a fully functional webpage or website. Website is the collection of webpages. The three basic language of webpage designing are:-
1. HTML.(Hyper Text Markup)
2. CSS (Cascading Style Sheet)
3. JS (JavaScript)
#When Was HTML Launched:-
1. HTML 1 = 1993
2. HTML 2 = 1993
3. HTML 3 = 1995
4. HTML 4 = 1997
5. HTML 5 = 2008
#Basic Structure of HTML.
___________________________________________________________________________________
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
___________________________________________________________________________________
#Meaning of Code:-
1. <!DOCTYPE html> :- It means that we are going to write html code.
2. <html lang="en"> :- It means that our webpage should show language English.
3. <head> :- It tells that what should be added to our page headline.
4. <meta> :- Meta tags are used to add more information and we don't have understand in deep.
5. <title> :- Title tag is used to apply title in our website or webpage.
6. <body> :- Body tags are used to write all of the main code what should be shown in page.
7. </close> :- The close mean that if the code is open "/" is used to close the tag.
#One example of HTML code:-
Simple Webpage HTML code:-
___________________________________________________________________________________
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Webpage</title>
</head>
<body>
<!-- Header -->
<header>
<h1>Welcome to My Webpage</h1>
</header>
<!-- Navigation -->
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Main Content -->
<main>
<section id="home">
<h2>Home</h2>
<p>Welcome to my website. Here you will find information about the latest in technology, programming, and more!</p>
</section>
<section id="about">
<h2>About Me</h2>
<p>I am a technology enthusiast, passionate about coding and learning new programming languages. My mission is to make IT accessible to everyone!</p>
</section>
<section id="services">
<h2>Our Services</h2>
<ul>
<li>Software Development</li>
<li>Web Development</li>
<li>IT Consulting</li>
<li>Workshops and Training</li>
</ul>
</section>
<section id="contact">
<h2>Contact</h2>
<p>If you'd like to reach out, please email us at: <a href="mailto:info@mywebsite.com">info@mywebsite.com</a></p>
</section>
</main>
<!-- Footer -->
<footer>
<p>© 2024 My Website | All Rights Reserved</p>
</footer>
</body>
</html>
___________________________________________________________________________________
#HTML Basic Elements:-
1. Heading(<hn>):- It is used to write headings on our webpage and the tag there are h1 to h6 which is n in tag.
2. Paragraph (<p>):- "<p>" tag is used to write short or long paragraphs on our blog, website or webpage.
3. Links (<a>) :- It is used to link our page to another page using the link.
4. Image (<img>) :- It is used to add image to our web-document.
5. List (<ol>,<ul>,<li>) :- It is used to make list items on our webpage.
6. Tables (<table>) :- Table tags are used to create a table like structure in which we can add items.
7. Forms (<form>) :- Form tag is used to create form structure which can also be submitted.
8. Input (<input>) :- Input tag is used to take input from the user.
#Why Html is important:-
1. Foundation or Basic structure of any website or webpage.
2. Universal Recognition or Compatibility.
3. SEO Ready webpage (Search Engine Optimization)
4. Ease of Learning.
5. Compatibility with other web-Technology devices.
6. Content Accessibility.
#Conclusion:-
In Summary, HTML is a simple Markup Language which is used to create basic structure or foundation of any webpage or website. It was introduced by Tim Berners Lee in 1990s. The latest html is html 5 which was launched on January 2008.
0 Comments