Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Similar a Html Sharon 4101
Similar a Html Sharon 4101 (20)
Último
Último (20)
Html Sharon 4101
- 1. Paginas web Sharon Orozco Quintero 4101
- 2. Que es HTML? • HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcadopara la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. • El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto
- 3. Diseñar tablas en html • Básicamente para diseñar un tabla en html necesitas etiquetas como ya debes saber, para colocar columnas y filas en tu tabla necesitas las etiquetas <tr> y <td> y cerrar cada una. • Un pequeño ejemplos seria: • <table> <tr> <td><strong>Curso</strong></td> <td><strong>Horas</strong></td> <td><strong>Horario</strong></td> </tr>
- 4. Formulario en html • Para crear un formulario en html necesitas colocar la etiquetal <form> en tu comodigo, quizas como el siguiente: • <form id="formulario" action="enviado.php" method="post"> <fieldset> <legend>Formulario de Ejemplo</legend> <label>Nombre</label> <input id="campo1" name="nombre" type="text" /> <label>Email</label> <input id="campo2" name="email" type="text" /> <input id="campo3" name="enviar" type="submit" value="Enviar" /> </fieldset> </form>
- 5. Crear listas en html • Para crear un enlistado en tu paguina web neceitas utilizar la eqtiqueta <ol> para iniciar y para central tambien puedes utilizar la etiqueta <li> • <ol> • <li> Lenguaje C </li> <li> Lenguaje Pascal </li> <li> Lenguaje Fortran </li> • </ol>
- 6. Etiqueta Frame Los frames (en inglés frame = cuadro, bastidor o marco) es un elemento implementado por Netscape, que permite dividir la pantalla en varias áreas independientes unas de otras, y por tanto con contenidos distintos, aunque puedan estar relacionados. No hay límites para el contenido de cada una de estas áreas: tienen las mismas propiedades que la pantalla completa normal, tal y como la conocemos. No hay que confundir los frames con las tablas. Su apariencia, a veces, puede ser similar, pero mientras el contenido de la celda de una tabla es fijo, en un área de pantalla creado por el elemento FRAME se dispone de todos los recursos del HTML. Su sintaxis es la siguiente: <FRAMESET> <NOFRAMES> <BODY> Su visualizador no soporta frames. Pulse <A HREF="indice.htm">aqui </A> para volver. </BODY> </NOFRAMES> <FRAME SRC="pagina1.htm" > <FRAME SRC="pagina2.htm" > </FRAMESET>
- 7. Hipervínculos en html • Dicha etiqueta <a> deberá incluir el atributo href para especificar el destino del hipervínculo, y luego, como todas las etiquetas de HTML, se deberá cerrar de la manera </a> para indicar el fin del texto o de la imagen que contiene el hipervínculo. • • Entonces, el hipervínculo en HTML luce de la siguiente manera: • • <a href=”dirección del sitio”>Texto del Hipervínculo</a> • • Ejemplo: • • <a href=www.basekit.com.mx>BaseKit México</a>
- 8. Insertar una imagen en html • Una de las primeras cosas que debemos aprender del HTML es la etiqueta <img> que funciona para colocar imágenes dentro de una página web. • Para poner una imágen utilizamos el siguiente código: • <img src="imagenHTML.jpg"> • Donde "imagenHTML.jpg" es la imagen que vamos a colocar. Deberá estar ubicada en el mismo directorio. Si queremos colocar una imagen con HTML en una página que no está colocada dentro del mismo directorio, podemos usar una ruta absoluta: • <img src="folder/imagenHTML.jpg" • URL del artículo: http://www.ejemplode.com/17-html/81- ejemplo_de_como_colocar_imagenes_con_html.html Fuente: ejemplos de Cómo colocar imágenes con HTML
- 9. Insertar Sonido en html • Para insetar un audio o sonido puedes utilizar lo sieguiente • <audio src="/test/audio.ogg"> <p>Tu navegador no implementa el elemento audio.</p> </audio>
- 10. Para finalizar... Insertar un video en html • Hay varias maneras para insetar un video en html, una poria ser bjar el video con el url desde youtuve. • la sintaxis es la siguiente: • <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video>