HTML is known as HyperText Markup Language. It is a combination of both Hypertext and Markup language. Here hypertext means the link between the web pages and markup is used to define the text document within tag which defines the structure of web pages. It acts as a skeleton of a web page and without HTML it would be very difficult or impossible to build a webpage. It is used by all the browsers and used to manipulate text, images, and other content, in order to display it in the required format. In this article, we will learn how to create an HTML webpage.
Creating an HTML document
The first step of creating a web page is to create an HTML document. An HTML document can be created in any text editor even on a notepad. So any text editor can be used to make an Html file. We just need to add extension .html /.htm . Let us create the first basic HTML program.
To create an HTML document follow the following steps:
Step 1: Open your text editor such as Notepad Sublimetext, etc.
Step 2: Write the code given below in the text editor.
HTML
First HTML file
Hello Everyone!!
Step 3: Save this file with the .html/.htm extension.
Step 4: Open that file with any browser. The output will be displayed.
So this is how we create a simple HTML document.
Designing Web Page
To design a webpage in HTML we need to learn about tags and attributes available in HTML. In HTML, tags are some instructions that are enclosed in angle braces. With the help of these tages, we can design a more attractive HTML page. Some of the important tags to be used are as follows:
1. …
to … : These tags are called header tags and they are used to give heading to your webpage of different sizes.
…
being the Largest Heading to … being the Smallest Heading.2. Bold Tag [… or…]: These tags are used to make text look bold.
3. Italic Tag [ … or … ]: These tags are used to make text look italics. The only difference between and is that semantically emphasis on important text or word whereas tag is used to make is just used to make text italics.
4. Ordered List [ …
]: The HTML
- tag defines an ordered list. An ordered list can be numerical or alphabetical ., An ordered list starts and ends with a
- tag. We can use the type attribute to define type of ordered list we need to make:
TypeDescription type=”1″ Numbered with numbers[default] type=”A” Numbered with Uppercase Alphabets type=”a” Numbered with Lowercase Alphabets type=”I” Numbered with Uppercase Roman Numbers type=”i” Numbered with Lowercase Roman Numbers 5. Unordered List [
- …
- tag and each item starts with
- tag. We can use the type attribute to define the type of unordered list we need to make:
TypeDescription type=”disc” Items are marked in Bulletin. [default] type=”circle” Items are marked with hollow circles. type=”square” Items are marked with squares. type=”none” Items are not marked. 6. Image Tag: If we need to add an image to our website we need to use the following syntax.
Syntax:
HTML Web Page
Here, we create a simple webpage of GeeksforGeeks.
HTML
GeeksForGeeks
style
=
"display: block; margin-left: auto;margin-right: auto; width: 10%;"
>
GeeksForGeeks
Table of Content
C++
C++ is an object-oriented programming language
that is widely used for competitive programming,
Data structure, and Algorithms, developing
operating Systems, etc.
Some of its topic are given below:-
Java
Java has been one amongst the foremost standard
programming languages for several years. When
compared with C++, Java codes are typically
additional reparable as a result of Java
doesn't enable several things which can
cause bad/inefficient programming if used
incorrectly.For instance, non-primitives are
references in Java.
Some of its Topics are given below:-
Python
Python language is being employed in website
development, Machine Learning applications,
at the side of all innovative technology in
Software World. Python language is extremely
compatible for Beginners, additionally for
knowledgeable programmers with alternative
programming languages like C++ and Java.
Some of its topics given below are:-
Thank You
Output:
What are the steps to create a web page?
9 Steps to Create your First HTML Webpage.Step 1: Open a Text Editor. Remember the text editor I talked about earlier on, time to open and use it. ... .Step 2: Write Some HTML Code. ... .Step 3: Add the Text Content. ... .Step 4: Add the HTML Tags. ... .Step 6: Add a List. ... .Step 7: Add Images. ... .Step 8: Embed a Youtube Video..What is HTML write the steps to create a web page explain with example?
Create Html Page.Step 1: Open the Text Editor. In this step, we have to open any text editor such as Notepad or Notepad++ for writing an HTML code. ... .Step 2: Type the HTML code. In this step, we have to type the HTML code in the text editor. ... .Step 3: Save the HTML code. ... .Step 4: Run the HTML file..What are the 7 steps to create a website using HTML and CSS?
Plan your layout. The first step of any website is always to know what you want on it and [vaguely] how you want it to look. ... .Get the 'boilerplate code' set up. ... .Create the elements in your layout. ... .Fill in the HTML content. ... .Add some basic layout CSS. ... .Add more specific styles. ... .Add colors and backgrounds. ... .Celebrate!.What is web page in HTML?
Web page. A web page is a simple document displayable by a browser. Such documents are written in the HTML language [which we look into in more detail in other articles]. A web page can embed a variety of different types of resources such as: style information — controlling a page's look-and-feel.
- tag. We can use the type attribute to define the type of unordered list we need to make:
- tag. Each list item starts with