Zaloguj | Zarejestruj | FAQ
Anonymous

Problemas con enlaces

+ Odpowiedz

Posty: 3 Strona 1 z 1


Problemas con enlaces

przez carfaja » N sty 08, 2012 6:27 am

Que tal amigos del foro, tengo un problema, resulta que estoy siguiendo el tutorial html y voy haciendo en un solo documentos todos los ejemplos, además realizo mis propios ejercicios, pero después de las lecciones sobre los enlaces, todo lo que hago, incluyendo las tablas, me aparecen con un enlace, más exactamente el último enlace utilizado. He buscado el error y no puedo dar con el.

Abajo les envío el código por si lo quieren revisar.Muchas gracias por su atención.

<html>

<head>
<title>Ejercicios HTML</title>
</head>

<body>
<h1 id="encabezado1">Primer encabezado</h1>
<br>
<hr style color="#ff0000">
<h2><em><strong>Principales etiquetas</strong></em></h2>
<p>las etiquetas "p y /p"Se usa para escribir párrafos.
<br>
<em>Las etiquetas "em y /em", Muestra el texto enfatizado (Itálica)</em>
<br>
<strong><em>Las etiquetas "strong y /strong", Muestra el texto en negrilla</em></strong>
<br>
<small>Las etiquetas "small y /small", Muestra el texto un poco más pequeño</small> </p>
<h2 id="encabezado2">Segundo encabezado</h2>
<hr style color="#ff0000">
<h1>Encabezado de nivel 1</h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
<h6>Encabezado de nivel 6</h6>

<em><strong>Insertar línea roja</strong></em>
<hr style color="#ff0000">
<br>
<em><strong>Trabajar con listas<strong><em>

<br><br>
La etiqueta "ol" crea una lista con numerales
<br>
La etiqueta "ul" crea una lista con viñetas.
<br>
Las etiquetas "li" señala cada uno de los elementos de la lista
<br><br>
Con numerales "ol"
<ol>
<li> Primero</li>
<li> Segundo</li>
</ol>
<br>
Con viñetas "ul"
<br>
<ul>
<li>Primero</li>
<li>Segundo</li>
</ul>

<hr style color="#ff0000">
<a href="http://www.colombianadehosting.net/">Desde aquí enlazamos con con una página WEB externa <font color="#ff0000"><strong>(Colombiana de Hosting)</strong></font></a>
<hr style color="#ff0000">

<a href="#encabezado1">Enlace con el primer encabezado</a>

<br>
<a href="http://www.insyred.com">Ir a InSyRed Computadores</a>
<br>
<br>
<a href="http://www.eltiempo.com/">Las noticias frescas</a>
<br>
<br>
<a href="index.html">Index</a>
<br><br>
<a href="123/index2.html">Index2</a>
<br><br>
<a href="../index3.html">Index 3</a>
<br><br>
<a href="#encabezado2">Enlace con el segundo encabezado</a>
<br><br>
<a href="mailto:carfaja@gmail.com">Déjenos su comentario</a>
<br><br>
<a href="http://www.insyred.com" title="Ir a InSyRed Computadores">InSyRed Computadores</a>
<br><br>
<a href="http://colombianadehosting.net" title="Ïr a Colombiana de Hosting">Colombiana de Hosting</a>
<br><br>
<a href="http://www.insyred.com" title="vamos a InSyRed Computadores">InSyRed Computadores</a>
<br><br>

<img src="image/logo.png" alt="Logo de CdeH"/>
<br><br>
<img src="http://www.html.net/logo.png" title="Ejemplo de descripción" />
<br><br>
<a href="http://www.insyred.com"> <img src="image/logo.png"/>
<br><br>
<a href="http://colombianadehosting.net"> <img src="image/logo.png"/>
<br><br>


<a href="http://ghn.com.co"> <img src="image/logo.png" alt="Logo de InSyRed">
<br><br>
<a href="http://ghn.com.co"> <img src="image/logo.png" alt="Logo de GH&N Ltda">
<br><br>
<a href="http://ghn.com.co"> <img src="image/logo.png" title="Este es el title" alt="Logo de GH&N Ltda">
<br><br>

<!-- Esto es un ejemplo de comentario y no saldrá en la página -->

<img src="image/logo.png" width="100" height="50">
<br><br>
<hr style color="#ff0000">
<br><br>

<!---TABLAS--->
<!---Para las tablas existen muchos atributos. Aquí mostramos dos más:
align: especifica la alineación horizontal del contenido de toda la tabla, de una fila o de una sola celda.
Por ejemplo: left, center o right.

valign: especifica la alineación vertical del contenido de una celda.
Por ejemplo: top, middle o bottom.-->


<table border="1">
<tr>
<td>Primera fila, Celda 1</td>
<td>Primera fila, Celda 2</td>
<td>Primera fila, Celda 3</td>
</tr>
<tr>
<td>Segunda fila, Celda 1</td>
<td>Segunda fila, Celda 2</td>
<td>Segunda fila, Celda 3</td>
</tr>
</table>
<br><br>
<table align="center" border="80" width="60%" >
<tr align="center">
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
<td>Celda 4</td>
</tr>
<tr align="left">
<td>Celda 5</td>
<td>Celda 6</td>
<td>Celda 7</td>
<td>Celda 8</td>
</tr>
<tr align="right">
<td>Celda 9</td>
<td>Celda 10</td>
<td>Celda 11</td>
<td>Celda 12</td>
</tr>
</table>
<br><br>
Atributo colspan
<table border="1">
<tr>
<td colspan="1">Celda 1</td>
</tr>
<tr>
<td>Celda 2</td>
<td>Celda 3</td>
<td>Celda 4</td>
</tr>
</table>
<br><br>
<table align="center" border="5" width="60%">
<tr>
<td colspan="2">Celda 1</td>
<td>Celda 2</td>
</tr>
<tr>
<td>Celda 2</td>
<td>Celda 3</td>
<td>Celda 4</td>
</tr>
</table>
<br><br>
<table border="1" align="center" width="60%">
<tr>
<td rowspan="3" valign="middle" align="center">Celda 1</td>
<td>Celda 2</td>
</tr>
<tr>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
</tr>
</table>
<br><br>
<p style="font-size:20px;">El tamaño de este párrafo es de 20 píxeles</p>
<p style="font-family:courier;">El tipo de letra usado en este párrafo es Courier</p>
<p style="font-size:20px; font-family:courier;">Este párrafo combina tipo de letra
Courier con un tamaño de 20 píxeles</p>
<br><br>
<p style="color:#ff0000; font-size:24px;">
Para la presentación de tu sitio web usa Cascading Style Sheets (CSS), es decir, hojas de estilo en cascada.. En esta lección te presentaremos una breve introducción a CSS. Sin embargo, más adelante, podrás aprender todo lo relacionado con CSS, desde cero, en nuestro Tutorial sobre CSS. Así pues, considera esta lección como un pequeño aperitivo.
</p>
<br><br>

<br><br>
</body>

</html>
Avatar użytkownika

carfaja

  • Posty: 2
  • Dołączył(a): Śr sty 04, 2012 5:17 pm

Re: Problemas con enlaces

przez atik » Śr sty 11, 2012 6:26 pm

Hola,
No he tenido el problema por completo. Al observar su código, algo parece extraño para mí. Que use el enlace para mantener una gran cantidad de contenido que incluye una mesa, div, la imagen, p. Usted debe usar el enlace para celebrar cualquier elemento en línea no es el elemento a nivel de bloque. Así que en su una etiqueta, puede utilizar la imagen, td, p, que no abarcan todo el h2 etiquetas, tablas, etiquetas div, etc.
Avatar użytkownika

atik

  • Posty: 471
  • Dołączył(a): Pn paź 17, 2011 4:55 pm

Re: Problemas con enlaces

przez carfaja » Cz sty 12, 2012 3:33 pm

Hola, gracias por su respuesta... el error es que no estaba cerrando las etiquetas "a"

atik napisał(a):Hola,
No he tenido el problema por completo. Al observar su código, algo parece extraño para mí. Que use el enlace para mantener una gran cantidad de contenido que incluye una mesa, div, la imagen, p. Usted debe usar el enlace para celebrar cualquier elemento en línea no es el elemento a nivel de bloque. Así que en su una etiqueta, puede utilizar la imagen, td, p, que no abarcan todo el h2 etiquetas, tablas, etiquetas div, etc.
Avatar użytkownika

carfaja

  • Posty: 2
  • Dołączył(a): Śr sty 04, 2012 5:17 pm


+ Odpowiedz

Strona 1 z 1