Explore HTML-History, Working, Elements & Tags with Examples
Explore HTML-History, Working, Elements & Tags with Examples
 |
| HTML-Full Form, Working, Elements, Tags with Examples |
Introduction to HTML
Welcome to our blog dedicated to demystifying HTML (Hypertext Markup Language). In this guide, we'll embark on a journey to unravel the inner workings of HTML, tracing its history, understanding its essential attributes and tags, and exploring practical examples to solidify our comprehension. Whether you're a novice intrigued by the web's building blocks or a seasoned developer seeking a refresher, join us as we delve deep into the world of HTML, unlocking its secrets and unleashing its power in web development.
Html
HTML stands for Hypertext Markup Language. It is the standard language used to create web pages. It is a markup language that uses tags to describe the structure and content of a webpage. HTML serves as the backbone of the World Wide Web, providing the structure for web pages. It works by utilizing markup tags to define the various elements within a document, such as headings, paragraphs, links, images, and more. These tags communicate to web browsers how content should be displayed and arranged on a page, ensuring consistency and clarity across different platforms and devices. is the standard language used to create web pages. It is a markup language that uses tags to describe the structure and content of a webpage. In this tutorial, we will cover the basics of HTML and how to create a simple webpage using this language.
Concept of HTML
HTML, or Hyper Text Markup Language, is the cornerstone of web development, defining the structure and layout of web pages. Let's delve into the key points to understand HTML better:
1. HTML Defined :
- HTML stands for Hyper Text Markup Language.
- The standard markup language utilized for developing web pages is HTML.
2. Hyper Text and Markup Language:
- "HyperText" refers to text within text, allowing users to navigate between different sections of a document through hyperlinks.
- A "markup language" is a computer language used to apply layout and formatting conventions to a text document.
3. Web Page Creation:
- A web page is a document typically written in HTML.
- When accessed through a web browser, the HTML code is translated into a visual representation that users can interact with.
4. Describing Page Structure:
- A web page's structure is defined by a sequence of elements in HTML.
- These elements define various components such as headings, paragraphs, links, images, and more.
5. Elements and Their Purpose:
- HTML consists of a series of elements, each serving a specific purpose.
- Elements label pieces of content, instructing the browser on how to display them.
- For example, `<h1>` denotes a main heading, `<p>` represents a paragraph, `<a>` creates a hyperlink, and so on.
By understanding these fundamental aspects of HTML, developers can effectively create and manipulate the structure of web pages, enabling seamless navigation and interaction for users across the internet.
How HTML Works:
 |
| How HTML Works |
History of HTML
HTML, the cornerstone of the World Wide Web, has a rich and fascinating history that spans several decades. Here's an overview of its evolution:
1. Early Beginnings (1980s):
- The roots of HTML can be traced back to the late 1980s when Tim Berners-Lee, a British computer scientist, invented the World Wide Web at CERN (European Organization for Nuclear Research).
- In March 1989, Berners-Lee proposed a system of hypertext to facilitate information sharing among researchers. This laid the foundation for what would later become HTML.
2. Birth of HTML (1990s):
- In 1990, Berners-Lee developed the first version of HTML while working at CERN.
- The initial design of HTML was simple, focusing primarily on text formatting and linking documents via hyperlinks.
- HTML 1.0 was released in 1991 as a basic markup language with limited capabilities.
3. Expansion and Standardization (1990s-2000s):
- Throughout the 1990s, the popularity of the World Wide Web surged, leading to rapid advancements in HTML.
- HTML 2.0 was introduced in 1995, adding support for tables, forms, and image embedding.
- HTML 3.2, released in 1997, brought additional features like frames and improved support for scripting languages.
- The development of HTML was complemented by the emergence of web browsers such as Netscape Navigator and Internet Explorer.
4. XHTML and HTML5 (2000s-2010s):
- During the early 2000s, XHTML was introduced as a modified version of HTML that conformed to the more rigorous XML guidelines.
- XHTML aimed to improve interoperability, accessibility, and device independence.
- However, XHTML adoption faced challenges, leading to the resurgence of HTML with the development of HTML5.
- HTML5, introduced in 2014, represented a major milestone in web development, offering enhanced multimedia support, native audio and video elements, canvas for graphics, and improved semantics for better accessibility and SEO.
5. Modern Era and Beyond (2010s-present):
- HTML continues to evolve to meet the demands of modern web development.
- The World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG) partner to update and improve HTML specifications, as part of their collaboration in web standards organizations.
- The latest versions of HTML prioritize compatibility, accessibility, and responsiveness across a wide range of devices and platforms, shaping the future of the web.
HTML's journey from its humble beginnings to its current status as the backbone of the internet reflects the remarkable growth and transformation of the World Wide Web, underpinning the digital experiences we enjoy today.
Structure of HTML Page
HTML is mainly divided into three sections
Head:- Include title of document, heading and other information related for heading of document
Body:-Include all the content of page like paragraph, picture, video, text, audio etc
Footer:-Include the content like date time and other content related for footer of the document.
All HTML documents must start with a document type declaration:<!DOCTYPE html>
The HTML document itself begins with <html> and ends with </html>.
The visible part of the HTML document is between <body> and </body>.
HTML Pages EXTENSION endS with “.htm” or “.html”
“Normal text” surrounded by bracketed tags that tell browsers how to display web
Elements of HTML
HTML consists of a variety of elements that define the structure and content of a web page. These elements range from basic text formatting to multimedia integration. Here are some common HTML elements. An HTML element is defined by a starting tag. If the element contains other content, it ends with a closing tag, where the element name is preceded by a forward slash as shown below
here <p>....</p> is an HTML element,
<h1>...</h1> is another HTML element.
Here are some common HTML elements:
Heading Elements (h1-h6):
Used to define headings of different levels, with <h1> being the highest level and <h6> being the lowest.
Paragraph Element (p):
Defines a paragraph of text.
Link Element (a):
Creates hyperlinks to other web pages or resources.
Utilizes the href attribute to specify the URL of the destination.
Image Element (img):
Inserts images into the web page.
Uses the src attribute to specify the image file's URL and the alt attribute to provide alternative text for accessibility.
List Elements (ul, ol, li):
<ul> creates an unordered list (bulleted list).
<ol> creates an ordered list (numbered list).
<li> defines individual list items within <ul> or <ol>.
Division Element (div):
Defines a division or section in the document, often used for layout purposes.
Acts as a container for other elements and can be styled using CSS.
Span Element (span):
Inline element used for applying styles to a specific portion of text.
Similar to <div>, but for smaller, inline content.
Header, Footer, Nav, Article, Section Elements:
Semantic elements introduced in HTML5 to define the structure of a web page more meaningfully.
<header> defines the header section of a page.
<footer> defines the footer section.
<nav> defines navigation links.
<article> defines self-contained content, such as blog posts.
<section> defines a generic section of content.
Form Elements (form, input, textarea, button, select):
<form> creates a form for user input.
<input> creates various input fields like text, email, password, etc.
<textarea> creates a multiline text input field.
<button> creates a clickable button.
<select> creates a dropdown list.
Table Elements (table, tr, td):
<table> creates a table.
<tr> defines a row within a table.
<td> defines a single cell within a table row.
These are just a few examples of HTML elements. Each element serves a specific purpose and can be customized using attributes and CSS styles to create visually appealing and functional web pages.
HTML ATTRIBUTES
Attributes provide additional information about HTML elements and modify their behavior or appearance. They are specified within the opening tag of an element and consist of a name-value pair separated by an equals sign. Here are some commonly used HTML attributes:
1. id:
- Specifies a unique identifier for an element.
- Used for targeting elements with CSS or JavaScript.
2. class:
- Assigns one or more class names to an element.
- Used for applying CSS styles or targeting elements with JavaScript.
3. href:
- Specifies the URL of the destination for links (`<a>` elements).
- Determines the target of a hyperlink.
4. src:
- Specifies the URL of the source for media elements like images (`<img>`), audio (`<audio>`), and video (`<video>`).
5. alt:
- Provides alternative text for images (`<img>`).
- Displayed when the image cannot be loaded or for accessibility purposes.
6. title:
- Provides additional information about an element.
- Typically displayed as a tooltip when the user hovers over the element.
7. width, height:
- Sets the width and height dimensions of an element, such as images (`<img>`).
8. type:
- Specifies the type of input for `<input>` elements within a form.
- Values include text, password, checkbox, radio, submit, reset, etc.
9. placeholder:
- Displays placeholder text within an input field (`<input>`, `<textarea>`).
- Provides a hint or example of the expected input from the user.
10. disabled:
- Disables interaction with an element, such as input fields or buttons.
- Prevents users from modifying or interacting with the element.
11. checked:
- Indicates that a checkbox (`<input type="checkbox">`) or radio button (`<input type="radio">`) is selected by default.
12. required:
- Specifies that an input field must be filled out before submitting a form.
- Used for form validation to ensure required fields are not left empty.
These attributes play a crucial role in defining the behavior, appearance, and accessibility of HTML elements, enhancing the overall user experience of web pages.
 |
| create first html page |
Create First HTML Page
1) Chose any of text editor like notepad, textpad, word or any.
2) Type the HTML code
<HTML>
<HEAD>
<TITLE>My First Webpage</TITLE>
</HEAD>
<BODY>
This is my First webPage
</BODY>
</HTML>
3) Save the file with the extension .html
4) Run the the file in browser
5) Following output we get
Title Tag
The title tag in HTML is used to define the title of a web page. It is positioned within the head section of an HTML document. The text specified within the title tag is displayed in the browser's title bar or tab when the web page is viewed. Here's an example of a title tag:
<TITLE>My First Webpage</TITLE>
Body Tag
The <body> tag in HTML is used to define the main content of a web page. It encapsulates all the visible content that users see when they visit a website. This tag typically contains text, images, links, multimedia elements, and other HTML elements that make up the webpage's content. The <body> tag also allows you to specify various attributes to control the appearance and behavior of the content within it, such as background color, text color, and event handlers for when the page loads or unloads.Attributes of Body section
Here are some common attributes that can be used with the <body> tag along with their descriptions:
bgcolor: This attribute sets the background color of the body element. It takes a color value in various formats such as hexadecimal, RGB, or color names.
Example: <body bgcolor="#ffffff">
text: This attribute sets the default text color for the content within the body element. It accepts color values similar to the bgcolor attribute.
Example: <body text="#000000">
link: This attribute sets the default color of unvisited hyperlinks within the body element.
Example: <body link="#0000FF">
alink: This attribute sets the color of hyperlinks while they are being clicked or activated.
Example: <body alink="#FF0000">
vlink: This attribute sets the color of hyperlinks that have already been visited.
Example: <body vlink="#800080">
background: This attribute specifies the URL of an image to be used as the background for the body element.
Example: <body background="background.jpg">
Attribute
Description
Syntax
Default
Value
Background
It
contains the URL of the background image. It is used to set the background
image.
<BODY
BACKGROUND=“hi.gif”>
No image
Bgcolor
It is
used to specify the background color of an image.
<BODY
BGCOLOR=“Black”>
White
colour
Text
It
specifies the color of the text in a document.
<BODY
TEXT=“Blue”>
Black
colour
Link
Alink
Vlink
It is
used to specify the color of visited links.
It is
used to specify the color of the active link.
It
specifies the color of visited links.
<BODY
LINK=“#0000FF”
VLINK=“#FF00FF”
ALINK=“FFFF00”>
Blue
Purple
Yellow
|
Attribute |
Description |
Syntax |
Default
Value |
|
Background |
It
contains the URL of the background image. It is used to set the background
image. |
<BODY
BACKGROUND=“hi.gif”> |
No image |
|
Bgcolor |
It is
used to specify the background color of an image. |
<BODY
BGCOLOR=“Black”> |
White
colour |
|
Text |
It
specifies the color of the text in a document. |
<BODY
TEXT=“Blue”> |
Black
colour |
|
Link Alink Vlink |
It is
used to specify the color of visited links. It is
used to specify the color of the active link. It
specifies the color of visited links. |
<BODY LINK=“#0000FF” VLINK=“#FF00FF”
ALINK=“FFFF00”> |
Blue Purple Yellow |
Heading Tag
The heading tags in HTML are used to define headings within a web page. They provide structure and hierarchy to the content, making it easier for both users and search engines to understand the organization of the page. There are six levels of heading tags in HTML, ranging from <h1> to <h6>, with <h1> being the highest level and <h6> the lowest. They are Placed inside the body of HTML. Here's an example of how heading tags are used:
<HTML>
<HEAD>
<TITLE> Example Page</TITLE>
</HEAD>
<BODY>
<H1> Heading 1 </H1>
<H2> Heading 2 </H2>
<H3> Heading 3 </H3>
<H4> Heading 4 </H4>
<H5> Heading 5 </H5>
<H6> Heading 6 </H6>
</BODY>
</HTML>
 |
| Heading Tag |
In this example, <h1>Main Heading</h1> is the highest level heading, <h2>Subheading</h2> is a subheading, and <h3>Sub-subheading</h3> is a subheading of the subheading and so on. These heading tags help to structure the content and provide visual cues to users about the hierarchy of information on the page.
Paragraph tag
The paragraph tag in HTML, represented by <p>, is used to define paragraphs of text within a web page. It is one of the most common HTML tags and is used to separate blocks of text or content. The inclusion of paragraphs in a document enables the text to dynamically adjust its line breaks to fit the browser window's size during display. This ensures that every line of text spans the complete width of the window. Here's an example of how the paragraph tag is used:
<head>
<title>Example Page</title>
</head>
<body>
<h1>Main Heading</h1>
<p>This is a paragraph of text. It might contain some information or description about something.</p>
<p>This is another paragraph. Each paragraph tag creates a new block of text.</p>
</body>
</html>
 |
| paragraph tag |
In this example, <p>This is a paragraph of text...</p> and <p>This is another paragraph...</p> are two separate paragraphs defined using the paragraph tag. This tag helps to structure the content of the web page and makes it more readable for users.
Break Tag
The break tag in HTML, represented by <br>, is used to insert a line break within a block of text or content. Unlike other HTML tags, the break tag doesn't require a closing tag, as it's a self-closing tag. It's commonly used to create single-line breaks, such as in addresses or poems, where each line should appear on a new line. Here's an example of how the break tag is used:
<!DOCTYPE html>
<head>
<title>Example Page</title>
</head>
<body>
<h1>Main Heading</h1>
<p>This is a paragraph of text.<br>It spans multiple lines thanks to the break tag.</p>
<p>This is another paragraph.<br>This line will appear on a new line.</p>
</body>
</html>
 |
| Break tag in html |
In this example, <br> is used to create line breaks within paragraphs. Each <br> tag causes the text after it to start on a new line.
hr tag
The <hr> tag in HTML is used to create a horizontal rule, also known as a horizontal line or divider, within a web page. It is a self-closing tag, meaning it doesn't require a closing tag. The <hr> tag is typically used to separate content or sections visually. Here's an example of how the <hr> tag is used:
<!DOCTYPE html>
<head>
<title>Example Page</title>
</head>
<body>
<h1>Main Heading</h1>
<p>This is a paragraph of text.</p>
<hr>
<p>This is another paragraph of text.</p>
</body>
</html>
 |
| Hr Tag in HTML |
In this example, <hr> creates a horizontal line between two paragraphs, visually dividing the content.
Attributes of <HR>
|
Attribute |
Description |
Default
Value |
|
SIZE |
Height of the rule in pixels |
2 pixels |
|
WIDTH |
Width of the rule in pixels or percentage of screen
width |
100% |
|
NOSHADE |
Draw the rule with a flat look instead of a 3D look |
Not set (3D look) |
|
ALIGN |
Aligns the line (Left, Center, Right) |
Center |
|
COLOR |
Sets a color for the rule (IE 3.0 or later) |
Not set |
Character Formatting in HTML
In HTML, you can format text and characters using various tags and attributes. Here are some common ways to format text:
1. Bold: Use the `<b>` tag to make text bold.
<b>This text is bold</b>
2. Italic: Use the `<i>` tag to make text italic.
<i>This text is italic</i>
3. Underline: Use the `<u>` tag to underline text.
<u>This text is underlined</u>
4. Strikethrough: Use the `<s>` or `<strike>` tag to strikethrough text.
<s>This text has a strikethrough</s>
<strike>This text also has a strikethrough</strike>
5. Superscript: Use the `<sup>` tag to create superscript text.
<b>This text is bold</b>
2. Italic: Use the `<i>` tag to make text italic.
<i>This text is italic</i>
3. Underline: Use the `<u>` tag to underline text.
<u>This text is underlined</u>
4. Strikethrough: Use the `<s>` or `<strike>` tag to strikethrough text.
<s>This text has a strikethrough</s>
<strike>This text also has a strikethrough</strike>
5. Superscript: Use the `<sup>` tag to create superscript text.
E=mc<sup>2</sup>
6. Subscript: Use the `<sub>` tag to create subscript text.
H<sub>2</sub>O
7. Font Size: Use the `style` attribute to change the font size.
6. Subscript: Use the `<sub>` tag to create subscript text.
H<sub>2</sub>O
7. Font Size: Use the `style` attribute to change the font size.
<p>
<font size = "7">Font size = "7"</font>
<font size = "7">Font size = "7"</font>
</p>
8. Font Color: Use the `color` attribute to change the font color.
<p>
<font color = "#FF00FF">This text is in pink</font> <font color = "red">This text is red</font> </p>
9. Font Family: Use the `style` attribute to change the font family.
<p>
<font face = "Comic sans MS" size =" 5">Comic Sans MS</font> </p>
Summery
|
Attribute |
Description |
Default
Value |
Syntax |
|
FONT FACE |
DESCRIBE
THE FONT FACE(NAME) |
DEFAULT
FONT |
<font face = "Times New Roman“>Font
</FONT> |
|
FONT SIZE |
DESCRIBE
THE FONT SIZE |
3 |
<FONT
SIZE=“20”> TWENTY sizes </FONT> |
|
BOLD, ITALIC, UNDERLINE |
TO CHANGE
THE FONT FACE |
NORMAL |
<B>
Bold </B> <I> Italic </I> <U>
Underline </U> |
|
FONT COLOR |
TO CHANGE
THE FONT COLOR |
BLACK |
<FONT
COLOR=“#RRGGBB”> Color</FONT> |
|
PREFORMATED |
PREFORMATED
TEXT |
NOT
PREFORMATED |
<PRE>
Preformatted </PRE> |
|
<EM> Emphasis
</EM> <STRONG>
STRONG </STRONG> <TT> TELETYPE </TT> <CITE> Citation </CITE> |
DIFFERENT
FONT FACES |
NORMAL |
<EM> Emphasis
</EM> <STRONG>
STRONG </STRONG> <TT>
TELETYPE </TT> <CITE>
Citation </CITE> |
Example of Character Formatting
<HTML><HEAD>
<TITLE> Chracter Formating</TITLE></HEAD>
<BODY>
<H1> Heading 1 </H1>
<font size = "7">Font size = "7"</font><br>
<font face = "Comic sans MS" size =" 5">Comic Sans MS</font><br />
<font color = "#FF00FF">This text is in pink</font><br/>
<font color = "red">This text is red</font><br/>
<B> Bold</B> <br/>
<I> italics</I> <br/>
<U> Underlined </U> <br/>
<EM> Emphasized</EM> <br/>
<PRE> Preformatted </PRE> <br/>
<STRONG> Strong </STRONG> <br/>
<TT> Tele Type </TT> <br/>
</BODY>
</HTML>
Output of The Above codding
 |
| Character formatting in HTML |
Colors in HTML
In HTML, colors can be specified using various methods, including color names, hexadecimal codes, RGB values. Here are some common ways to specify colors:
1. Color Names: HTML supports a set of predefined color names, such as "red", "blue", "green", etc.
<p style="color: red;">This text is red</p>
<p style="color: blue;">This text is blue</p>
2. Hexadecimal Codes: Colors can also be specified using hexadecimal codes, which represent a combination of red, green, and blue (RGB) values.
<p style="color: #ff0000;">This text is red</p>
<p style="color: #0000ff;">This text is blue</p>
3. RGB Values: Colors can be specified using RGB values, which represent the intensity of red, green, and blue components.
<p style="color: rgb(255, 0, 0);">This text is red</p>
<p style="color: rgb(0, 0, 255);">This text is blue</p>
The below Given Table demonstrate the color with RGB & Hexa decimal code
 |
| color coding in HTML |
Alignments in HTML
In HTML, you can align content using various attributes and CSS properties. Here are some common ways to align content:
Left Align:
Use the `align` attribute with the value `"left"` for elements like images, tables, and paragraphs.
Center Align:
Use the `align` attribute with the value `"center"`
Right Align:
Use the `align` attribute with the value `"right"` for elements like images, tables, and paragraphs.
Example of Alignments
<HTML>
<HEAD>
<TITLE> Chracter Formating</TITLE>
</HEAD>
<BODY >
<H1><center> Heading 1</center> </H1>
<H2 align="right"> Heading 2 </H2>
<H3 align="Left"> Heading 3 </H3>
</BODY>
</HTML>
 |
| Alignment in HTML |
List in HTML
Lists are fundamental elements in HTML used to organize and present information in a structured manner. There are two main types of lists: unordered lists (`<ul>`) and ordered lists (`<ol>`), with each list item represented by the `<li>` tag.
Unordered List (`<ul>`):
This type of list displays items in a bulleted format. It's typically used when the order of items is not important. The `<ul>` tag accepts the following attribute:
TYPE: Specifies the type of bullet marker to be used. Common values include "disc" (default), "circle", and "square".
<UL>
<LI> List item …</LI>
<LI> List item …</LI>
</UL>
Example
<UL TYPE=square>
<LI> List item …</LI><LI> List item …</LI>
</UL>
Ordered List (`<ol>`):
Unlike unordered lists, ordered lists display items in a numbered format. They are used when the order of items matters. The `<ol>` tag accepts the following attribute:
Type: This attribute describe the type of numbering format. Values can include "1" (default, Arabic numerals), "A" (uppercase letters), "a" (lowercase letters), "I" (uppercase Roman numerals), and "i" (lowercase Roman numerals).
<OL>
<LI> List item …</LI>
<LI> List item …</LI>
</OL>
Example
<OL Type = I Start = 3>
<LI> List item …</LI>
<LI> List item …</LI>
</OL>
List Item (`<li>`):
The `<li>` tag represents each item within a list. It's used within `<ul>` or `<ol>` tags to define individual list items. While the `<li>` tag itself doesn't have many attributes, it can be styled using CSS for various effects such as color, font size, and alignment.
By combining these tags, developers can create organized and visually appealing lists to present information effectively on web pages.
Definition List (<dl>)
The Definition List (<dl>) tag in HTML is used to define a list of terms and their corresponding descriptions. It's useful for presenting glossaries, dictionaries, or other sets of term-definition pairs.
Definition List (<dl>):
The <dl> tag is the container for the definition list. It doesn't have many attributes, but it's commonly styled using CSS for formatting purposes.
Definition Term (<dt>):
The <dt> tag is used to define the term or the name of the item in the list. Each <dt> tag is followed by one or more <dd> tags that provide the description or definition of the term.
Definition Description (<dd>):
The <dd> tag is used to provide the description or definition of the term defined by the preceding <dt> tag. It directly follows a <dt> tag within the <dl> structure.
Example
<DL>
<DT>Mumbai </DT>
<DD> Capital of Maharastra </DD>
<DT> Bhopal </DT>
<DD> Capital of MP</DD>
</DL>
Nested Lists:
You can also create nested lists by placing one list inside another. For example:
<UL TYPE = square>
<LI> List item …</LI>
<LI> List item …
<OL TYPE=i START=3>
<LI> List item …</LI>
<LI> List item …</LI>
<LI> List item …</LI>
<LI> List item …</LI>
<LI> List item …</LI>
</OL>
</LI>
<LI> List item …</LI>
</UL>
Table in HTML
In HTML, a table is a structured element used to display data in rows and columns. Tables are created using the `<table>` element, and additional attributes can be used to customize their appearance and behavior. Here's a brief overview of the `<table>` element with some common attributes:
1. Attributes for the `<table>` Element:
- `border`: The border attribute determines the thickness of the border surrounding the table.. For example, `<table border="1">` will create a table with a border width of 1 pixel.
- `width`: Sets the width of the table. This can be specified in pixels, percentages, or other units. For example, `<table width="100%">` will make the table span the full width of its containing element.
- `cellpadding`: Specifies the padding between the content of each cell and its border. For example, `<table cellpadding="5">` will add 5 pixels of padding to each cell.
- `cellspacing`: Sets the spacing between cells in the table. For example, `<table cellspacing="10">` will create a gap of 10 pixels between adjacent cells.
- `align`: Sets the horizontal alignment of the table within its containing element. There are three possible values for alignment: "left", "center", or "right". For example, `<table align="center">` will center the table horizontally on the page.
- `bgcolor`: Sets the background color of the table. This can be specified using color names, hexadecimal values, or RGB values. For example, `<table bgcolor="#FFFF00">` will set the background color to yellow.
- `bordercolor`: Specifies the color of the table border. This attribute is deprecated in HTML5 and should be avoided in favor of CSS for styling purposes.
2. **Attributes for Table Elements (`<tr>`, `<th>`, `<td>`)**:
- `align`: Sets the horizontal alignment of content within a cell. Values can be "left", "center", or "right".
- `valign`: Sets the vertical alignment of content within a cell. There are three possible values : "Top", "Middle", or "Bottom".
- `bgcolor`: Sets the background color of a cell. This attribute can be used within `<td>` and `<th>` elements.
- `colspan`: The attribute `colspan` is used to indicate the amount of columns a cell should cover. For example, `<td colspan="2">` will make the cell span two columns.
- `rowspan`: Specifies the number of rows that a cell should span. For example, `<td rowspan="2">` will make the cell span two rows.
Tables are commonly used for presenting tabular data, such as lists, schedules, or comparison charts, on web pages. Using attributes like those listed above, you can control the appearance and layout of tables to suit your design requirements.
Conclusion
In conclusion , this blog cover a brief description of following topics
HTML, HTML Concept, HTML Attributes, HTML Elements, How HTML Works, HTML History, HTML Tags
In summary, I can say that these topics are related to Fundamental of Computer and very helpful for those who pursuing BCA,PGDCA, DCA ,'O' Level Courses from different universities
I hope this blog helps you a lot Happy learning....
FAQ(Frequently Asked Question)
What is HTML ?
HTML stands for Hypertext Markup Language. It is the standard language used to create web pages.
Decsribe the structure of HTML ?
HTML is mainly divided into three sections Head:- Include title of document, heading and other information related for heading of document Body:-Include all the content of page like paragraph, picture, video, text, audio etc Footer:-Include the content like date time and other content related for footer of the document.
What are elements in HTML ?
HTML consists of a variety of elements that define the structure and content of a web page. These elements range from basic text formatting to multimedia integration.
What are HTML attributes ?
Attributes provide additional information about HTML elements and modify their behavior or appearance.
Post a Comment