What is the difference between HTML attributes and CSS properties?

HTML Attributes and Equivalent CSS Properties

HTML Attribute Equivalent CSS Property Description
align text-align Specifies the alignment of text or other elements within their container.
bgcolor background-color Sets the background color of an element.
border border Sets the border properties of an element.
height height Sets the height of an element.
width width Sets the width of an element.
cellpadding padding Sets the padding within the cells of a table.
cellspacing border-spacing Sets the spacing between cells in a table.

HTML Attributes vs CSS Properties

HTML table with attributes
HTML Attributes
Row 1, Cell 1 Row 1, Cell 2
Row 2, Cell 1 Row 2, Cell 2 

   
  marquee {
  	color: red;
  }
  
  <!-- HTML table with attributes -->
  <marquee>HTML table with attributes</marquee>
  <table width="100%" border="1" cellpadding="0" cellspacing="0"> 
    <tr align="center" bgcolor="pink"> 
      <th colspan="2">HTML Attributes</th> 
    </tr> 
    <tr  align="center"> 
      <td>Row 1, Cell 1</td> 
      <td>Row 1, Cell 2</td> 
    </tr> 
    <tr  align="center"> 
      <td>Row 2, Cell 1</td> 
      <td>Row 2, Cell 2</td> 
    </tr>
  </table>

HTML table with CSS properties
CSS Properties
Row 1, Cell 1 Row 1, Cell 2
Row 2, Cell 1 Row 2, Cell 2 

  
  /* CSS for styling  */ 
  .styled-table { 
    border-collapse: collapse; 
    width: 100%; 
  } 
  .styled-table th, .styled-table td { 
    border: 1px solid #ddd; 
    padding: 0px; 
    text-align: center; 
  } 
  .styled-table th { 
    background-color: rgb(203, 195, 227); 
  }
  
  <!-- HTML table with CSS properties -->
  <marquee style="color:purple;">HTML table with CSS properties</marquee>
  <table class="styled-table"> 
    <tr>
	<th colspan="2">CSS Properties</th> 
    </tr> 
    <tr> 
      	<td>Row 1, Cell 1</td> 
      	<td>Row 1, Cell 2</td> 
    </tr> 
    <tr> 
      	<td>Row 2, Cell 1</td> 
      	<td>Row 2, Cell 2</td> 
    </tr> 
  </table>

See also

Comments

Post a Comment

Popular posts from this blog

Neat-Flappy Bird (Second Model)

NEAT (NeuroEvolution of Augmenting Topologies) was introduced in the field of artificial intelligence in 2002 by Kenneth O. Stanley and Risto Miikkulainen. NEAT is an evolutionary algorithm designed to evolve artificial neural networks with complex structures and behaviors. Unlike traditional neural network training methods, NEAT evolves both the weights of connections and the structure of the network itself, allowing for the emergence of increasingly sophisticated solutions to complex problems. It starts with a population of simple networks and gradually evolves them over generations, favoring networks that perform better at the task at hand. NEAT's ability to dynamically adjust neural network architectures, allowing for the addition and removal of nodes and connections, makes it particularly effective in solving problems where the optimal network structure is not known in advance. The technology has found applications in various fields, including gaming, robotics, ...
Read more

Exploring Memory Components: A Metaphorical Journey

In the intricate landscape of computer architecture, memory components play a pivotal role, akin to the gears in a well-oiled machine. Understanding these components not only unveils the inner workings of computing systems but also offers insights into the fundamental principles of data storage and retrieval. DRAM (Dynamic Random Access Memory): Imagine DRAM as a bustling office desk: Temporary Workspace: DRAM acts as a temporary workspace where the CPU swiftly manages tasks, akin to an office desk where workers handle immediate tasks. Fast Access: Just as workers quickly access their desk, the CPU swiftly reads from or writes to DRAM, essential for efficient system performance. Volatile Nature: Like a desk cleared at day's end, DRAM is volatile, losing contents when the computer powers off, requiring constant power to retain data. Random Access: Workers access any part of their desk freely, akin to DRAM allowing the CPU to quickly access any memory loca...
Read more

The Evolution of Programming Language Syntax

The evolution of programming language syntax has been marked by a continuous quest to enhance the efficiency, readability, maintainability and scalability of code. This journey reflects significant advancements in computer science, improvements in hardware, and evolving software development methodologies. By examining key stages in this evolution, people can appreciate the transformative impact each generation of programming languages has had on the way software is developed. Early Machine and Assembly Languages (1940s-1950s) Machine Language: In the infancy of computing, programming was done directly in machine language, a series of binary instructions that a computer's hardware could execute. Each instruction consisted of a sequence of bits (0s and 1s), which directly controlled the hardware's operations. For example, an instruction might command the processor to load a value into a register, perform arithmetic operations, or jump to a different memory address based on ce...
Read more