El documento presenta diferentes códigos HTML para insertar tablas, imágenes, bordes y enlaces en páginas web. Se incluyen las etiquetas y atributos necesarios para cada elemento, así como ejemplos de su sintaxis.
2. CODIGOS PARA INSERTAR TABLA EN HTML
<html>
<head><title>Ejemplo de tabla sencilla<
/title></head>
<body>
<h1>Listado de cursos</h1>
<table>
<tr>
<td><strong>Curso</strong></td>
<td><strong>Horas</strong></td>
<td><strong>Horario</strong></td>
</tr>
<tr>
<td>CSS</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
<td>HTML</td>
<td>20</td>
<td>16:00 - 20:00</td>
</tr>
<tr>
LINK: http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html
3. CODIGOS PARA INSERTAR IMAGENES EN
HTML
Para definir una imagen en HTML se utiliza la etiqueta <img>. Requiere dos atributos:
src y alt. La línea de código quedaría así:
<img src=”imagen.jpg” alt=”Nombre de la imagen” height=”100″ width=”1000″>
El atributo src específica la url de la imagen, es decir, donde se encuentra alojada.
El atributo alt específica un texto alternativo para la imagen.
Y los atributos height y width especifican respectivamente la altura y la anchura de la
imagen.
Los formatos en los que se pueden publicar imágenes en HTML son los siguientes:
.Gifu -jpg o jpeg –png-bmp
LINK:https://www.yoseomarketing.com/blog/codigos-de-html-para-insertar-imagenes-web/
4. CODIGOS PARA INSERTAR BORDES EN HTML
<TABLE STYLE="BORDER:DASHED 10PX LIME">
<TR><TD>QUE HACES TODOS USTEDES</TD></TR>
</TABLE>
<TABLE STYLE="BORDER:GROOVE 10PX LIME">
<TR><TD>QUE HACES TODOS USTEDES</TD></TR>
</TABLE>
<TABLE STYLE="BORDER:RIDGE 10PX LIME">
<TR><TD>QUE HACES TODOS USTEDES</TD></TR>
</TABLE>
<TABLE STYLE="BORDER:DOUBLE 10PX LIME">
<TR><TD>QUE HACES TODOS USTEDES</TD></TR>
</TABLE>
LINK:https://www.lawebdelprogramador.com/codigo/HTML/480-Tipo-de-bordes.html
5. CODIGOS PARA INSERTAR ENLACES EN HTML
El formato básico de un enlace en html es el siguiente:
<a href=”url”>texto ancla</a>
Donde url es la dirección a la que apunta el enlace y el texto ancla es el texto dónde se
pone el enlace.
Por ejemplo, este enlace:
<a href=”https://www.yoseomarketing.com/”>Empresa de Posicionamiento Web</a>
Para conseguir que un link se abra en una nueva pestaña hay que incluir el atributo:
target=”_blank”
El enlace quedaría así:
<a href=”url” target=”_blank”> texto ancla</a>
LINK:https://www.yoseomarketing.com/blog/como-poner-links-html-en-html-hacer-enlaces/