Advertisement
KevinPerez

Sitaxis HTML

Apr 11th, 2014
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.89 KB | None | 0 0
  1. TABLE
  2.  
  3. Una tabla es simplemente un grupo de información ordenado en filas y columnas.
  4.  
  5. Usamos la etiqueta <tr> para crear una fila de tabla <td> para ingresar un Dato a cada fila. Cada <td> representa una celda de una fila. <tr> En realidad, no se crean columnas en una etiqueta <table>: en vez de eso, le decimos a cada fila cuántas celdas debe tener, y eso determina la cantidad de columnas.
  6.  
  7.    <table border="1px">
  8.           <!--Fila 1-->
  9.              <tr>
  10.                   <td>Casillero 1 de la fila 1</td>
  11.  
  12.                   <td>Casillero 2 de la fila 1</td>
  13.  
  14.               </tr>
  15.                
  16.           <!--Fila 2-->
  17.               <tr>
  18.                     <td>Casillero 1 de la fila 2</td>    
  19.  
  20.                     <td>Casillero 2 de la fila 2</td>  
  21.               </tr>      
  22.      </table>
  23.  
  24. STYLE
  25.  
  26.     Cambiar color de letra:
  27.           <p style= "color: red"> TEXTO </p>
  28.      Alinear texto:
  29.          <p style= "text-align: center">  TEXTO </p>
  30.     Tamaño de letra:
  31.           <p style="text-size: 12px"> TEXTO   </p>
  32.     Cambiar tipo de letra:
  33.           <p style= "font-family: Arial Black"> TEXTO  </p>
  34.     Cambiar tamaño, color y tipo de letra
  35.       <p style= "font-family:ArialBlack; color:red; font-size: 10px">
  36.              Hola
  37.           </p> 
  38. Negrita    
  39.       <p> Ejemplo de una palabra en <strong>negrita</strong> en HTML5</p>
  40.  
  41. Cursiva
  42.      <p> Ejemplo de una palabra en <em>cursiva</en> en HTML5</p>
  43.  
  44. Agregar una imagen
  45.      <img src = "http://bit.ly/direccionwebdelaimagen">   </img>
  46.  
  47. Hacer que una palabra te enlace a una página web
  48.      <a href="www.páginaweb.com> éste texto me envía a una página web </a>
  49.  
  50. Hacer que una imagen me enlace a una página web
  51.       <a href="url.del_la_página_web_que_quiero_direccionar_por_hacer_click_en_la_imagen">                  
  52.                     <img src="url.delaimagen.com">  
  53.                     </img>
  54.        </a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement