- Awards Season
- Big Stories
- Pop Culture
- Video Games
Learn the Basics of HTML: A Step-by-Step Guide
HTML (HyperText Markup Language) is the language used to create webpages and is an essential part of web development. It is easy to learn and can be used to create simple or complex websites. This guide will provide a step-by-step introduction to the basics of HTML so you can get started creating your own webpages.
Understanding HTML Tags
HTML tags are used to structure the content on a webpage. They are written in angle brackets, with an opening tag and a closing tag. For example,
is the opening tag for a heading and
is the closing tag. Each tag has its own purpose and can be used to add structure, formatting, and other elements to a webpage.
Creating Your First Webpage
Now that you understand HTML tags, it’s time to create your first webpage. Start by creating a new file in your text editor and save it as “index.html”. This will be the main page of your website. You will then need to add some basic HTML tags such as ,
Once you have added the basic HTML tags, you can start adding content to your webpage. You can use text, images, videos, links, and other elements to create an engaging user experience. To add content, you will need to use specific HTML tags such as
for paragraphs, for images, and for links. You can also use CSS (Cascading Style Sheets) to style your webpage with colors, fonts, backgrounds, etc.
Learning HTML is an important skill for anyone interested in web development or creating their own website. With this guide as a starting point, you should now have all the tools you need to get started with HTML and begin creating your own webpages.
This text was generated using a large language model, and select text has been reviewed and moderated for purposes such as readability.
MORE FROM ASK.COM
HTML: An Introduction
Class 6 - apc understanding computer studies, choose the correct option.
In an HTML document, what does the letter H mean?
Reason — The full form of HTML is Hyper Text Markup Language.
Which of the following is the correct representation of html tags?
- all of the above
Reason — Tags are marked by the angle braces (<...>). For example, <HTML>, <TITLE>, <HEAD> , etc. are tags.
Which of the following heading tags will display the largest heading size?
Reason — Heading tag includes six different levels of headings which vary from <H1> to <H6> . <H1> tag is used to define the largest heading whereas, <H6> defines the smallest heading.
Which of the following is created using HTML?
- Web browser
Reason — A 'Web Page' is a document that is written in Hypertext Markup Language (HTML).
Which of the following contents of HTML is enclosed within opening and closing tags?
Reason — In HTML, the content written within an opening tag and closing tag is called the element.
Fill in the blanks
HTML means Hyper Text Markup Language .
A set of pages of information on the Internet about a particular subject is called a website .
The language used to create web pages is known as HTML .
Every HTML document begins with <HTML> and ends with </HTML> tags.
The tags which require start and end tags are called container tags .
Empty tags do not require a closing tag in an HTML document.
An HTML document has two parts <Head> and <Body> .
The content written within the <Title> tag does not appear on the web page.
An HTML file is generally created on Notepad .
An HTML document is saved with the extension .html .
Write the HTML codes for the following by using superscript and subscript tags
p 2 + q 2 - r 2
a 2 b 3 - c 4 d 5
Case-Study Based Questions
Generally, the web browser displays an HTML document with background white and foreground black. However, you can change the appearance of the document by changing the background as well as the text colour. Now, answer the following to perform the given tasks on an HTML code.
(a) Name a web browser which executes HTML code.
(b) What is the default text colour of an HTML document?
(c) A syntax is defined as: <BODY bgcolor = "color name"> What does bgcolor specify in this syntax?
(d) What does color name specify in the syntax given in part (c)?
(a) Google Chrome
Explain the following with reference to HTML
When the opening and closing tags are used in pairs in an HTML document, they are known as container tags. They are also known as ON tag and OFF tag respectively. ON tag uses angle bracket whereas, OFF tag uses forward slash (/) after the opening of the angle bracket (<). The contents are written within these tags in the document.
The format of HEAD container tag is as follows-
The tags which do not require a closing tag in an HTML document are called ‘Empty Tags'. This means that an empty tag has only an ON tag in the document which is understood by the web browser. For example, <br> , <hr> , etc.
HTML allows you to highlight headings in a web page by using the heading tags. They are container tags. They include six different levels of headings which vary from <H1> to <H6> .
<Hl> tag defines the largest heading whereas, <H6> tag defines the smallest heading.
The syntax of heading tag is as follows:
<Heading tag> string of text for heading </Heading tag>
Body tag contains the main HTML document that we want to display on the web page. The attributes of the body tag (bgcolor, text etc) can be used to change the appearance of the main document.
The syntax of the body tag is as follows:
The Paragraph Tag <P> is a container tag. The opening tag <P> is added at the beginning of a paragraph and the closing tag </P> at the end of the paragraph. With the use of the paragraph tag, a single line is inserted before and after the enclosed paragraph.
The syntax of the paragraph tag is as follows:
The line break tag <BR> is an empty tag. It works in the same way as pressing the 'Enter' key in a word processor. It helps the user to change the line.
An example of the line break tag is as follows:
Short Answer Questions
What is HTML?
Hyper Text Markup Language is a markup language used to design and display web pages or documents on the internet using web browsers. It includes text as well as graphics. It also provides the means to link the pages on the internet. The pages contain text as well as graphics.
HTML uses special tags or symbols while writing a piece of information. For example, the text in bold is written as:
<B> Understanding Computer Sciences </B>
Here, <B> and </B> are HTML tags. The HTML will make the text bold as Understanding Computer Science .
What is the basic structure of an HTML document?
Every HTML document is written inside <HTML> and </HTML> tags which represent the beginning and the end of a web page, respectively. An HTML document mainly consists of two main parts. They are:
- HEAD — It contains the title of a web document and written within <HEAD> and </HEAD> tags. The tag include <TITLE> tag within it. The content written within the <TITLE> and </TITLE> tags does not appear on the web page.
- BODY — It is the main HTML document that we want to display on the web page. It is written within <BODY> and </BODY> tags.
The basic structure of an HTML document is as follows:
What is meant by HTML tags?
Tags are the keywords used in an HTML document. They are marked by the angle braces (< and >) to write instructions and define how the content will be displayed by the web browsers. For example, <HTML> , <TITLE> , <HEAD> , etc. are tags.
Name the two features of an HTML document.
The two features of an HTML document are:
- Every HTML document is written inside <HTML> and </HTML> tags which represent the beginning and the end of a web page respectively.
- The main document is written within <BODY> and </BODY> tags.
Name two web browsers which are used to view an HTML document.
Two web browsers which are used to view an HTML document are-
- Microsoft Edge
- Google Chrome
Distinguish between <P> and <BR> tags.
Write all the steps
To start writing an HTML document.
To start writing an HTML document on Notepad, follow these steps:
Step 1: Click ‘Start' followed by clicking 'Notepad' from the pop up menu. OR Click on shortcut icon ‘Notepad', if available on the desktop. OR Click on ‘Notepad' icon, if available on the taskbar. An untitled notepad will appear on the screen.
Step 2: Now, one can start writing the HTML code by using the following tags:
To view an HTML document on a web page.
To view an HTML document on a web page, follow these steps:
Step 1: Locate the file where you have saved the file. Select the file and right-click on it.
Step 2: Select 'Open with' followed by clicking 'Microsoft Edge'.
The document saved will appear on the web browser.
To save an HTML document.
To save an HTML document, follow these steps:
Step 1: Click 'File' from the file menu.
Step 2: Select 'Save As' from the drop-down list.
Step 3: Enter the file name with the extension '.HTML' (say, MYFILE.HTML) in the box provided.
Step 4: Click the 'Save' option.
The file MYFILE.HTML will be saved and the untitled file will become MYFILE on Notepad.
Answer the following
Write an HTML document by using paragraph and line tags to format the following poem 'Two Little Dicky Birds'.
TWO LITTLE DICKY BIRDS TWO LITTLE DICKY BIRDS SITTING ON A WALL ONE NAMED PETER, ONE NAMED PAUL FLY AWAY PETER, FLY AWAY PAUL COME BACK PETER, COME BACK PAUL
The format of an HTML document is given below. Rearrange the format so that it can be understood by the web browser.
- Free HTML Course
- HTML A to Z Complete Guide
- HTML Attributes
- HTML Audio/Video
- HTML MathML
- HTML Examples
- HTML Questions
- HTML Tutorial
- Web Technology
- Explore Our Geeks Community
- Container and Empty Tags in HTML
- Essential HTML Tags
- Secondary Memory
- Add a Drop Cap in MS Word
- Change Paper Size in MS Word
- Worksheets in Excel
- What is a Computer Virus?
- Page Numbers and Margins in MS Word
- Change Text Font in Microsoft Word
- How to Protect a Workbook in MS Excel?
- How to Close a Document in Microsoft Word?
- What are Different Output Devices?
- What is Internet? Definition, Uses, Working, Advantages and Disadvantages
- Change Font Color in Microsoft Word
- Relative and Absolute Cell References in MS Excel
- Delete Text in Microsoft Word
- What is a Printer?
- Insert Text in MS Word
- How to use Animation Pane in MS PowerPoint?
Introduction to HTML
HTML stands for Hypertext Markup Language. It is the most basic language, and simple to learn and modify. It is a combination of both hypertext and markup language. It contains the elements that can change/develop a web page’s look and the displayed contents. Or we can say that HTML creates or defines the structure of web pages. We can create websites using HTML which can be viewed on internet-connected devices like laptops, android mobile phones, etc. It was created by Tim Berners-Lee in 1991. The first version of HTML is HTML 2.0 which was published in 1999, and the latest version is HTML 5. We can save HTML files with an extension .html.
What is Hypertext?
Text that is not restricted to a sequential format and that includes links to other text is called Hypertext. The links can connect online pages inside a single or different website.
What is Markup Language?
Markup Language is a language that is interpreted by the browser and it defines the elements within a document using “tags”. It is human-readable, which means that markup files use common words rather than the complicated syntax of programming languages.
Why use HTML?
HTML is the first language you should learn if you want to go for web development. HTML is a markup language that loads fast & is also light weighted. Whenever you use your browser to contact a server, you will receive a response in the form of HTML and CSS. Many tags are supported by HTML, making your web page more appealing and recognizable. HTML5 has recently incorporated new tags and elements to aid in the development of professional-looking web pages.
What are Tags and Elements in HTML?
HTML Tags: HTML tags are special keywords that specify how the data will be displayed or how to format the data by the web browsers. With tags, the web browser can make out in the document that: what is HTML content and what is the normal plain content (as tags are always written in angular brackets <>). Usually, the start of the tags is given by angular brackets <> and the end by angular brackets, and / that is </>.
HTML Element: The collection of start and end tags with the content inserted in between them is known as an HTML element.
Important HTML Tags:
- <!DOCTYPE html>: Defines the type of document. Here it defines that the document type is HTML.
- <html> </html>: It is the root element and all the other tags are contained in it. It determines the start and the end of the HTML document.
- <head> </head>: It contains metadata of the HTML document & is actually not displayed on the webpage. The heading starts with <head> and end with </head>.
- <title> </title>: It is used to create a title of the document and the title appears in the title bar at the top. At least one title appears in every document. The title portion of the document starts with <title> and ends with </title>, and in between, enter the text that you want as the title.
- <body> </body>: It contains the contents of the document to be displayed on the web page. The content may be an image, some text, some links, etc. This part represents the body of the web document, which often includes headings, text, and paragraphs.
- <p>: It is used for defining a paragraph.
- <br>: It is used for a single-line break.
- <img>: It is used for defining an image with a given source.
- <sup>: It is used for defining superscripted data.
- <b>: It is used for defining bold text.
- <sub>: It is used for defining subscripted data, etc.
Example 1: Save the following by MyGeeksHtml.html.
Example 2: In this example, we will use all the heading tags from <h1> to <h6>.
Features of HTML:
- It is easy to learn and easy to use.
- It is platform-independent.
- Images, videos, and audio can be added to a web page.
- Hypertext can be added to the text.
- It is a markup language.
Why learn HTML?
- It is a simple markup language. Its implementation is easy.
- It is used to create a website.
- Helps in developing fundamentals about web programming.
- Boost professional career.
- HTML is used to build websites.
- It is supported by all browsers.
- HTML can only create static web pages. For dynamic web pages, other languages have to be used.
- A large amount of code has to be written to create a simple web page.
- The security feature is not good.
How to create an HTML program?
To create an HTML document follow the given steps:
Step 1: Open the notepad.
Step 2: Write the HTML code as shown in the below image:
Step 3: Save the document by clicking on the file (at the top) and selecting save as.
Step 4: Select the destination where you want to save the HTML document and give the name to the document and use the extension .html. Example: Geeks.html
Step 5: Click on Save.
Step 6: Your file will be saved with an icon on the web browser.
Step 7: Double click on the file to execute it.
You will save that the web page will open in the same browser whose icon was shown with the document name after saving it.
You will see a browser window popped up and the page shown will be:
Question 1. Compare <p> and <br> tags.
Solution: The <br> tag is used for single-line break whereas <p>is used to define a paragraph. Although the <br> tag inserts a line no extra space is added before the line whereas in <p> extra space is added before & after the text of the paragraph.
Question 2. What is an empty tag?
Solution: In HTML, the elements usually have start and end tags. But when we use only the start tag and not the end one, it is called an empty tag. Example : <br>. The empty tags cannot contain other tags within themselves.
Question 3. Which tag is used to add an image in the background?
Solution: In the <body> tag (After the <head> tag), you can add an attribute background to insert an image in the background as shown:
You have to give the source (full path)of the image here.
Question 4. Give the names of video formats supported by HTML5.
Solution: The names of video format supported by HTML5 are: ogg, webM, and mp4.
Question 5. How can you add the text : (x 1 ) 2 = 9 in the body of the HTML page?
Solution: Use the following HTML code:
Please Login to comment...
- School Learning
- School Programming
Please write us at contrib[email protected] to report any issue with the above content
Improve your Coding Skills with Practice
CH : 6 - Introduction to HTML
To attempt the multiple choice question as a revision worksheet
- Google Classroom
- Microsoft Teams
- Download PDF
The Site is down as we are performing important server maintenance, during which time the server will be unavailable for approximately 24 hours. Please hold off on any critical actions until we are finished. As always your feedback is appreciated.
- Study Packages
- NCERT Solutions
- Sample Papers
- Online Test
- Questions Bank
- Computers Science
- Test Series
- Ncert Solutions
- Solved Papers
- Current Affairs
- JEE Main & Advanced
- MP State Exams
- UP State Exams
- Rajasthan State Exams
- Jharkhand State Exams
- Chhattisgarh State Exams
- Bihar State Exams
- Haryana State Exams
- Gujarat State Exams
- MH State Exams
- Himachal State Exams
- Delhi State Exams
- Uttarakhand State Exams
- Punjab State Exams
- J&K State Exams
6th Class Computers Science HTML Question Bank
Done introduction to html total questions - 10.
question_answer 1) HTML is not a programming language, it is a markup language. HTML language is developed by______.
A) Charles Babbage done clear
B) Dennis Ritchie done clear
C) Tim Berner ? Lee done clear
D) All of these done clear
E) None of these done clear
question_answer 2) URL is a globally recognized address of a document which is accessible on the Internet. A URL consists _____ parts.
A) Two done clear
B) Three done clear
C) Four done clear
D) URL is not divided in part. done clear
question_answer 3) CD - Player is based on direct access technology. Which of the following are the features of CD player?
A) Tracking device done clear
B) Derive motor done clear
C) Laser done clear
question_answer 4) The entire content of the HTML page comes under the opening and closing of the <html>tags. Which of the following tag defines reference for the resource?
A) <link> done clear
B) <base> done clear
C) <meta> done clear
D) Both B and C done clear
question_answer 5) All type of content comes under <body> tag. Which of the following tag defines a base URL?
A) <link> done clear
B) <base> done clear
C) <meta> done clear
D) All of these done clear
E) None of these done clear
question_answer 6) Web browser helps to open website on your system. Which of the following are the examples of Web browser?
A) Internet Explorer done clear
B) Mozila Firefox done clear
C) Safari done clear
question_answer 7) Internet Explorer (IE) is a Web browser that helps to open website. Which one of the following is the latest version of Internet Explorer?
A) Internet Explorer 1 done clear
B) Internet Explorer 7 done clear
C) Internet Explorer 10 done clear
D) Internet Explorer 9 done clear
question_answer 8) Jack installed Windows XP on his computer. Which of the following Web browser Jack need to installed to use Internet?
question_answer 9) HTML is not a programming language, it is a set of markup tags. HTML page coding is always starts with the ______ tag.
A) <link> done clear
C) <html> done clear
D) <meta> done clear
question_answer 10) URL stands :
A) Uniform Resource Locator- done clear
B) United Resource Locator done clear
C) Unit Resource Locator done clear
D) Utilise Resource Locator done clear
Questions - Introduction to HTML
OTP has been sent to your mobile number and is valid for one hour
Mobile Number Verified
Your mobile number is verified.
Html graphics, html examples, html references.
HTML is the standard markup language for Web pages.
With HTML you can create your own Website.
HTML is easy to learn - You will enjoy it!
Easy Learning with HTML "Try it Yourself"
With our "Try it Yourself" editor, you can edit the HTML code and view the result:
Click on the "Try it Yourself" button to see how it works.
In this HTML tutorial, you will find more than 200 examples. With our online "Try it Yourself" editor, you can edit and test each example yourself!
Go to HTML Examples!
This HTML tutorial also contains nearly 100 HTML exercises.
Test Yourself With Exercises
Add a "tooltip" to the paragraph below with the text "About W3Schools".
Start the Exercise
HTML Quiz Test
Test your HTML skills with our HTML Quiz!
Start HTML Quiz!
Track your progress with the free "My Learning" program here at W3Schools.
Log in to your account, and start earning points!
This is an optional feature. You can study W3Schools without using My Learning.
At W3Schools you will find complete references about HTML elements, attributes, events, color names, entities, character-sets, URL encoding, language codes, HTTP messages, browser support, and more:
Kickstart your career
Get certified by completing the course
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
Top references, top examples, get certified.