web tech nologyddsddsdddsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss ssssssssssssssssssssssssss ssssss
2. • HTML stands for Hyper Text Markup Language
• HTML is the standard markup language for creating Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements label pieces of content such as "this is a heading", "this is a
paragraph", "this is a link", etc.
• With HTML you can create your own Website.
•
3. A simple HTML document
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
4. • The <!DOCTYPE html> declaration defines that this document is an HTML5
document
• The <html> element is the root element of an HTML page
• The <head> element contains meta information about the HTML page
• The <title> element specifies a title for the HTML page (which is shown in the
browser's title bar or in the page's tab)
• The <body> element defines the document's body, and is a container for all the
visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists,
etc.
• The <h1> element defines a large heading
• The <p> element defines a paragraph
5. • Image tag
• In HTML, the <img> tag is used to embed images into a web page. The <img>
tag is an empty, self-closing tag, and it does not have a closing tag. Here's the
basic syntax:
• <img src="image-source-url" alt="alternative-text">
• src: This attribute specifies the URL (source) of the image. It can be a relative
or absolute path to the image file.
• alt: This attribute provides alternative text for the image. It is displayed if the
image cannot be loaded and is also used by screen readers for accessibility. It's
considered good practice to always include meaningful alt text.
6. A simple HTML document
<html>
<head>
<title>Page Title</title>
</head>
<body>
<img src="example.jpg" alt="A beautiful landscape“ height =“100”
width=“100”>
</body>
</html>
•width: Specifies the width of the image in pixels or as a percentage.
•height: Specifies the height of the image in pixels or as a percentage.
7. • Frame tag:
• The <frame> tag was part of HTML in the past and was used to define
individual frames within a frameset.
• However, framesets and the <frame> tag have been deprecated in HTML5,
and their use is strongly discouraged.
• Instead, modern web development recommends using alternative methods,
such as CSS for layout and frames replaced with more flexible and dynamic
approaches like using iframes or other modern layout techniques.
8. • Here's an example of how framesets and the <frame> tag were used in older
HTML versions:
<html>
<head>
<title>Frameset Example</title>
</head>
<frameset cols="25%,75%">
<frame src="menu.html" name="menu">
<frame src="content.html" name="content">
</frameset>
</html>
9. • In this example, the <frameset> element is used to divide the browser window
into two frames (columns in this case), and the <frame> elements define the
content for each frame. The cols attribute specifies the width of each column.
10. • List tags:
• In HTML, there are several tags related to creating lists. Lists are used to
organize and structure information. Here are the main list-related tags:
Ordered List (<ol>):
•The <ol> tag is used to create an ordered list, where each item is
numbered.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
11. Unordered List (<ul>):
•The <ul> tag is used to create an unordered list, where each item is
preceded by a bullet point.
<ul>
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
</ul>
12. List Item (<li>):
•The <li> tag is used to define each item in a list, whether it's part of an
ordered or unordered list.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
