Neelweb1

5 Amazing HTML Table Tags Hacks to Make Your Website Stand Out

2021-11-26T19:55:00.007-08:00

What Is Html?

HTML, or HyperText Markup Language, is the standard language for creating and structuring content on the World Wide Web. It uses a system of tags to define and organize elements on a web page, such as headings, paragraphs, links, images, and more. HTML provides the basic structure for web documents, forming the backbone of web development alongside Cascading Style Sheets (CSS) and JavaScript.

Table Tags In HTML?

In HTML, the <table> element is used to create tables. Here's a concise overview of the basic table-related tags:

<table>: Defines the beginning of a table.

<tr>: Represents a table row.

<th>: Defines a header cell (typically used in the first row or column).

<td>: Represents a standard data cell.

<thead>: Groups the header content in a table.

<tbody>: Groups the body content in a table.

<tfoot>: Groups the footer content in a table.

<caption>: Table Tgas Using HTML.

<!DOCTYPE html>
<head>
<title>Demo Table</title>
</head>
<style>
table{
width:100%;
}
</style>
<table border="2px">
<tr>
<th>S.NO</th>
<th>NAME</th>
<th>SUBJECT</th>
<th>MARKS</th>
</tr>
<tr>
<td align="center">1</td>
<td align="center">Demo</td>
<td align="center">Demo20</td>
<td align="center">100</td>
</tr>
<tr>
<td align="center">2</td>
<td align="center">Demo2</td>
<td align="center">Demo30</td>
<td align="center">99</td>
</tr>
<tr>
<td align="center">3</td>
<td align="center">Demo3</td>
<td align="center">Demo40</td>
<td align="center">98</td>
</tr>
</table>
</html>

Demo Table

S.NO	NAME	SUBJECT	MARKS
1	Demo	Demo20	100
2	Demo2	Demo30	99
3	Demo3	Demo40	98

YouTube Video On HTML Table Tags :

Unleash the Power of HTML Button Tags: Tips and Tricks for Web Developers

2021-10-19T19:45:00.006-07:00

Buttons are an essential element in web design, providing a clear call to action for users to interact with the website. In HTML, the button tags play a crucial role in creating various types of interactive buttons that enhance user experience. Let's dive into the world of HTML button tags and explore their functionalities with the help of images.

Understanding the Basics of Button Tags

In HTML, the `<button>` tag is used to create a clickable button on a webpage.

Button tags can contain text, images, or both to convey the action they perform.

The `<button>` element can be styled using CSS to match the design aesthetics of the website.

Different Types of Button Tags

Submit Button

The `<button type="submit">` tag is commonly used within a form to submit user input.

It triggers the form submission when clicked, sending data to the server for processing.

Reset Button

The `<button type="reset">` tag allows users to reset the form fields to their default values.

It is often used in conjunction with forms to provide users with the option to clear their input.

Image Button

The `<input type="image">` tag creates a clickable image button on the webpage.

It is particularly useful for adding visual appeal to the button while maintaining its interactive functionality.

Output of Code Given Below

<!DOCTYPE html>
<head>
<title>Button Demo</title>
</head>
<style>
body{
background-color:lightblue;
}
header{
text-align:center;
}
button{
background-color:green;
}

</style>
<header>
<h1>Button Demo</h1>
<h2>Just an another button course</h2>
<button><a href="demo web.html">Button Demo</a></button>
</header>
</html>

Button Demo

Just an another button course

Html Style Tags

2021-10-18T01:01:00.006-07:00

Hi friends welcome to neeltelugu tech youtube channel in today tutorial the coded html script demo is given below if you want you can refer it for demo and i will also try to give the raw script of html so see for reference and code your script now
Output of Code Given Below

Body Color With Html

2021-10-13T22:14:00.007-07:00

Head Tittle With Html

2021-10-12T09:45:00.014-07:00