Scribd
Upload
7 views4 pages

WebProgramming6.3Notes 238726

HTML (HyperText Markup Language) is the standard language for creating web pages, using tags to structure content for web browsers. The basic structure includes the <html>, <head>, and <body> tags, with metadata in the <head> section to assist search engines. HTML tags define the layout and content, with paired tags for elements and self-closing tags for specific functions.

Uploaded by

s79057378
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
7 views4 pages

WebProgramming6.3Notes 238726

HTML (HyperText Markup Language) is the standard language for creating web pages, using tags to structure content for web browsers. The basic structure includes the <html>, <head>, and <body> tags, with metadata in the <head> section to assist search engines. HTML tags define the layout and content, with paired tags for elements and self-closing tags for specific functions.

Uploaded by

s79057378
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

1.

HTML
HTML (HyperText Markup Language) is the standard language for
creating and designing web pages. It uses tags and attributes to
structure the content of a webpage, enabling its display in web
browsers.
Note:
Hypertext Markup Language (HTML): It is the standard language used
to create and design web pages on the World Wide Web.

2. Basic Structure
The basic HTML structure involves opening and closing tags around
content. The <html> tag marks the beginning and end of the
document. Inside it:

● The <head> tag contains metadata like the page title and
external resource links.
● The <body> tag holds the webpage's visible content.

Basic structure of HTML document:


1. Title Section:
○ The <title> tag specifies the webpage's title, which
appears in the browser's title bar and search engine
results.
2. Head Section:
○ The <head> section contains meta information about the
webpage, including links to external resources (e.g.,
stylesheets, scripts).

3. Meta Section:
○ Meta tags provide information about the webpage, such as
its description, keywords, author, character encoding, and
viewport settings. They help search engines and web
browsers display the webpage properly.
4. Body Section:
○ The <body> section contains the webpage's main content,
such as text, images, multimedia elements, links, and
interactive components.

3. Metadata
Metadata refers to data that provides information about a webpage,
such as its title, description, author, keywords, and more. It is typically
included in the <head> section using meta tags to help search
engines accurately index and display the webpage.
Note:
Metadata includes details like the webpage title, description, author,
keywords, character encoding, and viewport settings.

4. HTML Tags

HTML tags define a webpage's structure and content. They are


enclosed in angle brackets (< >) and usually come in pairs:

● Opening tag (<tag>) – marks the start of an element.


● Closing tag (</tag>) – marks the end of an element.

Note:
HTML tags act as labels or markers to define the webpage's layout
and content.
4.1. Container Tags (Paired Tags)
These tags have both an opening tag and a closing tag.
● <html>...</html>
● <body>...</body>
● <div>...</div>
● <p>...</p>
● <h1>...</h1>

Self-Closing Tags (Empty Tags/Unpaired Tags)


These tags do not have a closing tag and are written as a single tag.
● <br> (Line break)
● <hr> (Horizontal rule)
● <img> (Image)
● <input> (Form input)
● <meta> (Metadata)

5. HTML Tags for Text Formatting and Font Color


These tags help format text visually in a webpage

1. <b> (Bold Text)


○ Makes text bold without adding extra emphasis.
<b>Bold Text</b>
2. <u> (Underlined Text)
○ Underlines the text.
<u>Underlined Text</u>

3. <i> (Italic Text)


○ Displays text in italics for stylistic purposes.
<i>Italic Text</i>

4. <font> (Deprecated Font Tag)


○ Used to change text color, size, and font face

<font color="red" size="4"


face="Arial">Colored Text</font>

You might also like