05 – TRANSITION

MARKUP

Presentational -> Semantic

Attributes & Properties

<input id="the-input" type="text" value="Name:">

TheĀ  value attribute of input contains the initial text-content of the value attribute from the HTML source code. The value property reflects the current text-content inside the input box.


CSS TO REPLACE PRESENTATIONAL MARKUP

HTML Font Tag

CSS Font Properties

  • font
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight

 

IMAGE HYPERLINK

<a href=”…”><img border=”0″></a>

:link img,:visited img { border:0; }

 

TABLES

For XHTML/XML compatibility, include a <tbody> tag along with the opening and closing tags of every <table>:

table

 

CSS for table presentation:

<style> 
table { border-collapse:collapse; } 
td { border: 2px solid black; padding: 10px; text-align:right; } 
</style>
11 12
21 22

Leave a Reply

Your email address will not be published.