Web page design using HTML and CSS: Overview of HTML

10/03/2023 1 By indiafreenotes

HTML, or Hypertext Markup Language, is the standard markup language used to create web pages. HTML provides a set of elements and tags that define the structure and content of a web page. When a web page is loaded in a browser, the browser interprets the HTML code and displays the content according to the structure defined in the code.

HTML is comprised of a series of tags, which are enclosed in angled brackets (< >). Tags are used to define elements such as headings, paragraphs, links, images, and forms. Each tag has a specific purpose and attributes that can be used to provide additional information about the element.

Here is an example of a basic HTML document structure:

<!DOCTYPE html>

<html>

<head>

<title>My Web Page</title>

 </head>

<body>

 <h1>Welcome to My Web Page</h1>

 <p>This is a paragraph of text.

</p> <img src=”image.jpg” alt=”An image”>

 <a href=”https://www.example.com”>This is a link</a>

</body>

</html>

In this example, the <!DOCTYPE html> declaration specifies the version of HTML being used. The html tag defines the beginning and end of the HTML document. The head tag contains meta information about the document, such as the page title, which is defined using the title tag. The body tag contains the visible content of the page, such as headings, paragraphs, images, and links.

Some common HTML tags and elements include:

  • <h1><h6>: Headings, with <h1> being the largest and most important.
  • <p>: Paragraphs of text.
  • <a>: Links to other web pages or resources.
  • <img>: Images, with the src attribute specifying the image file and the alt attribute providing alternative text for screen readers and search engines.
  • <ul>: Unordered lists, with each list item defined using the <li>
  • <ol>: Ordered lists, with each list item defined using the <li>
  • <form>: Forms for user input, with input fields such as text boxes, radio buttons, and checkboxes defined using various input tags.

HTML provides the foundation for creating web pages, but it is typically combined with CSS (Cascading Style Sheets) for styling and layout. CSS provides a way to define the visual presentation of HTML elements, such as font size, color, and positioning. Together, HTML and CSS form the backbone of modern web page design.