Write the steps to create a web page in html

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.

Nội dung chính Show

Creating an HTML document
Designing Web Page
HTML Web Page
What are the steps to create a web page?
What is HTML write the steps to create a web page explain with example?
What are the 7 steps to create a website using HTML and CSS?
What is web page in HTML?

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

<html>

<head>

<title>First HTML filetitle>

head>

<body>

Hello Everyone!!

body>

html>

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. Each list item starts with  tag. We can use the type attribute to define type of ordered list we need to make:
Type Description 
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 (
…
): It displays elements in bulletin form . An unordered list starts with  tag and each item  starts with  tag. We can use the type attribute to define the type of unordered list we need to make:
Type Description
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
<html lang="en" dir="ltr">
<head>
    <meta charset="utf-8">
    <title>GeeksForGeekstitle>
head>
<body style="background-color:#D5F5E3 ">
         style="display: block;  margin-left: auto;margin-right: auto; width: 10%;" >
    <h2 style="color:green;text-align:center"><strong>GeeksForGeeksstrong>h2>
    <h2><strong>Table of Contentstrong>h2>
    <h2><strong>C++strong>h2>
    <div>C++ is an object-oriented programming language
         that is widely used for competitive programming,
         Data structure, and Algorithms, developing
         operating Systems, etc.div>
    <h3><em>Some of its topic are given below:- em>h3>
    <ul>
    ul>
    <h2 style="color:red;"><em>Javaem>h2>
    <div>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.
    div>
    <h3><em>Some of its Topics are given below:- em>h3>
    <ul>
    ul>
    <h2 style="color: blue;">Pythonh3>
    <div> 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.
    div>
    <h3><em>Some of its topics given below are:- em>h3>
    <ul>
    ul>
    <h2 style="text-align: center">Thank Youh2>
body>
html>
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.

Write the steps to create a web page in html

Creating an HTML document

HTML

Designing Web Page

…

…

…

…

HTML Web Page

HTML

What are the steps to create a web page?

What is HTML write the steps to create a web page explain with example?

What are the 7 steps to create a website using HTML and CSS?

What is web page in HTML?

Bài Viết Liên Quan

Có thể bạn quan tâm

Xem Nhiều

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

`Designing Web Page`

`…`