HTML Basics, Web Design and Software
Building
HTML (HyperText Markup Language) is used to create webpages. It
uses tags to define the structure and content of a webpage.
HTML Tags and Their Functions
Tag Name Function
<html> HTML Root element that
contains the entire
webpage
<head> Head Stores metadata like
title and links
<title> Title Displays the page title
on browser tab
<body> Body Contains all visible
content
<h1>–<h6> Heading Defines headings
from largest to
smallest
<p> Paragraph Defines a paragraph
<br> Line Break Moves content to the
next line
<hr> Horizontal Rule Adds a horizontal line
<b> Bold Makes text bold
<i> Italic Makes text italic
<u> Underline Underlines text
<a> Anchor Creates a hyperlink
<img> Image Displays an image
<ul> Unordered List Creates a bulleted list
<ol> Ordered List Creates a numbered
list
<li> List Item Defines an item in a
list
<div> Division Groups content into
sections
<span> Span Styles small parts of
text
How to Write HTML Code
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<h1>Hello World</h1>
<p>This is my first webpage.</p>
</body>
</html>
How to Design a Webpage
Webpage design is done using HTML and CSS.
Steps:
1. Create structure using HTML.
2. Use CSS for colors, fonts, and layout.
3. Add images, buttons, and sections.
4. Test the webpage in a browser.
How to Build a Software (Basic Steps)
1. Identify the problem.
2. Plan the solution.
3. Write the code.
4. Test and fix errors.
5. Improve and update the software.