HTML unit 1.3
Tables:-
Tables are a way to organize and display data in rows and columns in HTML. A table is created using the <table> element, with <tr> (table row) elements to define rows and <td> (table data/cell) elements to define cells within the rows.
Here's an example of a simple HTML table:code:01-1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tables</title>
</head>
<body>
<table>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>
</body>
</html>
output:-image-01-1
Tables in HTML include borders
The border separates each cell of the table and provides a clear visual structure for the data within the table. You can control the thickness, color, and style of the table borders using CSS.
For example, to set the border width to 2 pixels and the color to blue, you could use the following CSS:
code:01-2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tables</title>
</head>
<style type="text/css">
table, th, td {
border: 2px solid blue;
}
</style>
<body>
<table>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>
</body>
</html>
output:-image-01-2
Frames:-
Frames were a feature in early versions of HTML that allowed developers to split the browser window into multiple, separate panels, each of which could display a different HTML document. The frames were created using the <frameset> element and its related elements, such as <frame>.
Frames have largely been replaced by more modern techniques for layout and navigation, such as using <iframe> elements, CSS, and JavaScript. Using frames can result in a number of usability and accessibility issues, such as poor bookmarking and search engine optimization, as well as difficulties for users with screen readers or other assistive technologies.
It's generally recommended to avoid using frames in modern web development and instead to use alternative methods for achieving similar layout and navigation goals.
Here is an example of using frames in HTML:code:02
<!DOCTYPE html>
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset cols = "25%,50%,25%">
<frame name = "left" src = "https://slk-computers.blogspot.com/2023/02/html-unit-11.html" />
<frame name = "center" src = "https://slk-computers.blogspot.com/2023/02/html-unit-12.html" />
<frame name = "right" src = "https://slk-computers.blogspot.com/2023/02/html-unit-13.html" />
<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>
</html>
output:-image-02
File path:-
A file path is the location of a file within a file system. In computing, a file path specifies the location of a file in a directory hierarchy. It typically consists of a series of directory names separated by forward slashes (/) on Unix-based systems (such as Linux and macOS) or backslashes (\) on Windows.
For example, the following is a file path on a Unix-based system:
/home/user/documents/example.txt
And the following is a file path on a Windows system:
C:\Users\user\Documents\example.txt
When specifying file paths in HTML or other web technologies, you may use either relative or absolute file paths. A relative file path specifies the location of a file relative to the location of the current HTML document, while an absolute file path specifies the full path from the root directory of the file system.
For example, if the current HTML document is located at /home/user/index.html, a relative file path of /home/user/documents/example.txt would be ./documents/example.txt, and an absolute file path of /home/user/documents/example.txt would be /home/user/documents/example.txt.
Layout :-
Layout refers to the arrangement of elements on a webpage, including the position and size of elements such as text, images, and other content. A webpage's layout can be controlled using various technologies, including HTML, CSS, and JavaScript.
In HTML, the layout of a page can be achieved through the use of semantic elements such as <header>, <nav>, <main>, <aside>, <footer>, etc. These elements give structure to the content of the page and can be styled using CSS to control the appearance of the layout.
CSS, in turn, provides a wide range of layout features, including the ability to control the position, size, and appearance of elements, set backgrounds, apply transforms, and more. Using CSS, you can create various types of layouts, such as fixed, fluid, responsive, and grid-based.
JavaScript can also be used to control the layout of a page, for example by using a JavaScript framework such as React or Angular to build dynamic and interactive user interfaces. However, it's usually best to use HTML and CSS for the core layout of a webpage, and to use JavaScript only when additional interactivity is needed.
Symbols:-
HTML symbols are special characters that can be used in HTML documents to display specific characters that might not be available on the keyboard. For example:
► (►) is the "play" symbol ✔ (✔) is a checkmark symbol © (©) is the copyright symbol
You can find a full list of HTML symbol codes at this website: http://htmlarrows.com/
Responsive :-
"Responsive" in HTML refers to the ability of a website or web page to adjust its layout and content based on the size of the screen or device it is being viewed on. This is achieved through the use of CSS media queries, which determine the screen size and apply specific styles accordingly. Responsive design is important to ensure a user-friendly and accessible experience for users on all devices, from large desktop screens to smaller mobile screens.
Comments
Post a Comment