In this article, We are going to learn HTML for new developers now if you missed my last article which is how to set up Visual Studio Code in a professional coding environment and workspace you definitely want to read it. The link is here
Previous Topic:-
Now Let's Start, Are you the one who is planning to step into web development and don't know where and how to start. So here's an introductory web development article for you guys, mainly focused on What is HTML?.
So Good morning, Good afternoon and good evening Ladies and gentlemen, My name is Sam and on the behalf of ASRCoding, I welcome you guys to this ASRCoding Article on what is HTML?
Well, roughly you can understand that HTML for web development is almost the same as what
a bone is to your body. HTML is the one that defines the core structure of your web page or your website. So I don't think that I should be telling you that is the very first thing that you must learn before drilling down to web development and creating your first web page or website. Be that as it may, before we continue any further and become familiar with HTML, we should have a brief glance at the present plan for this meeting.
Agenda for this Session:-
- What is HTML?- HTML Myth- Webpage and Website
So I'll start by giving you a fair understanding of what is HTML? and we'll also discuss the myths or the misconceptions related to HTML which I guess most of you have in your mind. When I'm finished with it, I'll inform you regarding how pages and sites are structured and we're HTML CSS and JavaScript which themselves into it. Okay. Now once you guys are comfortable with this part, then we'll move ahead and learn about how you can write your first HTML codes to create a very basic webpage in this part. I'll tell you about various tags and attribute which you will use to create and structure your webpage. All right, then in the next part of HTML implementation. I'll show you how ASRCoding WordPress blogs use HTML and what happens if you change any of the tags, all right, and finally, we'll end our session with some FAQs and doubt which I have come across from different Learners. I hope the above part is clear to you guys, okay?
So let's start with what is HTML?:-
1) Well HTML is a markup language. which was developed by Tim Berners-Lee to create
the electronic document which most of you referred to as Pages or web pages.
2) Let me just expand the letter of HTML for a better understanding. Well, the word HTML stands for "hypertext markup language".
3) Hypertext is a method by which you can move around the web by clicking on special text call hyperlinks, which brings you to the next page. Well, the fact that it is hyper. It just means that it is not linear that is you can go to any place on the internet whenever you want just by clicking on the links. All right.
4) Next comes the M part and stands for markup will markup is what HTML tags due to the text inside them they mark it as a certain type of text like italicize text or bold text or anything. So the mark-up means dealing with structuring your web page in a specific format. All right.
5) So HTML is called hypertext markup language because it is a language that allows the user to improve the appearance. Settle and Link text with the information on the web.
6) Now Why HTML is so important and why you have to learn this language. you see HTML is responsible for the structure of the Web Pages and that makes HTML elements the building Block of Web Pages.
7) HTML elements are represented by this syntax, content between the tag (<element>content</element>). More precisely Opening tag [ <> ] which consists of the name of the element, we would like to use, surrounded by angle bracket following what we will be displayed on the web page and then the closing tag of that element. for the closing tag, we have also added forward slash like this [ </> ].
8) So if we want to head on our web page or web project, we would create Heading Tag like this <h1>Heading</h1> == This is our Heading, Here in between <h1></h1> heading tag You can write any heading that you want for your Web Page. Similarly, if we want to add Paragraph for our project and web page we will create paragraph tag like this <p>Paragraph>/p> == This is our Paragraph, Here in between <p></p> Paragraph tag you can write any paragraph that you want for your Web Page and So On.
Similarly Add other things Like :-
<title></title> == To create a Title in HTML
<body></body> == To Create a body in HTML
9) Some elements in HTML don't have a closing tag like Below:-
<img src="...."> == To add Image<br /> == To brake the Line etc.
and there will be times where you will see where we put forward slash on these elements. Meaning both syntaxes are valid to use.
Now open the following link in chrome (https://asrcoding.blogspot.com/) and go to setting>>more tools>>Developer tools or Press {ctrl + shift + i} and there you will see all the coding of the web page that you have open. It shows that HTML has an opening and closing tags and HTML is responsible/basement of not only this website or page but also all the Web Pages available on the Internet. and that is why HTML is so important to learn.
HTML Myth :-
I hope now you guys have a fair idea of what is HTML. So how many of you are planning to add HTML in under the section of programming language, you know yet since most of you.
So HTML is a programming language. Is this what you've been thinking till now?
Well, I'm sorry to tell you guys but all of you who thought that it's a programming language is the wrong HTML is definitely a language but it's not a programming language generally a programming language is the one which allows you to describe some sort of process of doing something right? Whereas on the other hand, HTML is a way of adding context and structure to the text. Always remember HTML is not a programming language. It's a hypertext markup language. So from next time when you are preparing a CV don't add HTML and section of programming language known I hope now all of us agree to it and on the same page.
HTML Application (Website and Webpages) :-
Okay, so let's move ahead and let me show you guys some of the application of HTML which you guys come across in a day to day life. Let me just open some websites. Amazon.com is Okay.
So this is how the first page of Amazon looks like the visual which is a combination of HTML and CSS.
Let me show you the skeleton of this webpage or let me show you how the page would look if I remove all these styles from it. Let me just move it disable all styles.
Okay done.
So there's how your amazon.com would look like if I remove all these styles from it.
So there is a raw HTML version of amazon.com. so let's come back to our discussion generally the website which you see is a collection of multiple web pages, which is made using the combination of HTML CSS and JavaScript. The skeleton of the page is made using HTML. The designing part is added using the CSS and finally, JavaScript is used to make your website more interactive. I hope now you guys have a basic idea of what HTML is and where does that fit into the webpage or website development?
Hope this article helps you. If you have any suggestion Drop it in Comment Section and Join Our Family by Clicking Subscribe Button and For More Article/Post Like this Join us on:-
Join Our Channels:- Free Online Course & Government / Private Jobs Links
Similar Topics:-
No comments:
Post a Comment
Please do not enter spam link in the comment box.