Aprendiendo HTML
ESTILO EN HTML
ESTILOS EN HTML
ESTILO EN LINEA: este atributo lo venimos tranajando atrabes de style con cierres y etiquetas.
<style>p (color red)</style>
VS
ESTILO INTERNO: este se define en <head>
<pstyle="color:red">Esto es un parrafo color rojo
ESTILO EXTERNO: utiliza un archivo.CSS que se ocupa solo del estilo, dejando el contenido al archivo
Vídeo
iniciando con html
Emplee este recurso una y otra vez mientras codifica en su dispositivo para afianzar sus conocimientos y habilidades. Puede desplazarse empleando los botones laterales < > En favor de la portabilidad, estos caracteres son normalmente almacenados en archivos, tal como sucede con muchos otros tipos de información.
A donde entrar para crear un HTML
Una vez que has decidido qué extensión usarás, puedes elegir un nombre para tu archivo y crearlo. El proceso de creación del archivo es más bien simple e involucra conocimientos acerca de tu sistema operativo. Los sistemas operativos pueden diferir en la forma en que los usuarios pueden crear un archivo, pero nunca demasiado. En el siguiente párrafo, mostraré el proceso de creación de un archivo en Windows 8, y dejaré que descifres cómo hacerlo en otros sistemas operativos.
Introduccioncon HTML
DIEGO MONTENEGRO
tutorial
Antes de enriquecer nuestro conocimiento deberas poner en practica lo visto anteriormente, sin embargo adjuntare un tutorial para ayudarte en esta interactiva actividad llamada "APRENDER".el video fue extraido del canal de youtube UpEmpresa Tutoriales.
Vídeo
Practica Inicial
HTML
luego de practicar y tener un concepto claro del codigo base en nuestra mente pasaremos al siguiente páso que lo denominare: "PRACTICA EVALUATIVA".
Cabe resaltar que se debe poner en practica varias veces el contenido de UpEmpresa Tutoriales ya que en su video tienen una explicacion clara, conciza y facil de digerir.
PRACTICA EVALUATIVA
Practica Evaluativa
- Para llevar a cabo el siguiente paso debes abrir el bloc de notas puede ser en el buscador:
- O con el comando en el teclado:
info
Practica Evaluativa
luego de abrir el blog de notas es momento de escribir nuestra primera linea del codigo, una recomendacion que te doy es escribir el codigo manualmente siempre, esto ayudara a que (con mayor facilidad) se grabe este contenido en tu disco duro. PDT: se cuidadoso no te equivoques en ningun caracter, o no dara el resultado que quieres.
Practica Evaluativa
Acontinuacion, y usando lo que hemos aprendido hasta ahora, vas a crear un Documento html que se vea asi:
Practica Evaluativa
Una vez que haya realizado los cambios, es tiempo de guardar. El, anterior tutorial lo explica bien. Tenga en cuenta que el Bloc de notas crea un archivo ".txt" simple. Esta página requiere una extensión ".html". Al guardar el archivo, asegúrese de establecer la codificación en UTF-8 e incluya el nombre de archivo por ejemplo el mio Diego.html.
info
¡perfecto!ahora sabes como hacer un html basico
Lorem Ipsum
Etiquetas en HTML
Cuando escribes código en HTML, estás escribiendo etiquetas HTML. Todas las etiquetas HTML están hechas con un número de partes específicas, incluyendo:
- El carácter “menor que” <
- Una palabra o carácter que determina qué etiqueta se está escribiendo
3.Cualquier número de atributos HTML que se quiera usar, escritos de la forma nombre =”valor” 4.El carácter “mayor que” >
Etiquetas
Hay alrededor de 142 etiquetas; sin embargo te dejare aca las mas basicas para tu iniciacion en este mundo del HTML
<body> para el contenido
<br> para saltos de línea
<H1>…<H6> para títulos dentro del contenido
<head> para información sobre el documento
VS
<img> para añadir imágenes al documento
<div> división dentro del contenido
<ol> para listas ordenadas, <ul> para listas desordenadas, <li> para elementos dentro de la lista
<a> para enlaces
<strong> para poner el texto en negrita
<p> para parágrafo
Estilos de colores y enlaces en html
Para agregar un color o estilo a las palabras en codificacion Html, Debemos:1.Entrar a Bytes per blog. 2.Buscar la diapositiva de enlaces y colores. En esta diapositiva nos aparecen todos los estilos y colores posibles por utilizar. 3.Cada estilo y color tiene diferente codificacion. Por ello debes estar muy pendiente de como se escribe. 4. Escoges tu color o estilo, lo codificas igual, recargas pagina. 5. Por algun motivo que no te aparezca, verifica si anotaste bien la codificacion, corriges, guardas y estara listo tu Html.
Existos !
Creación de tablas en HTML
la creación de tablas en HTML es un arreglo de filas y columnas y sus intersecciones se denominan celdas, y en estas se almacenan datos.En realidad no se codifican tablas, se codifican filas y celas, que luego se muestran como una tabla, con su respectiva información
como hacer una tabla en HTML
Paso 3
Paso 2
Paso 1
se hace la codificación habitual, luego en el "body", se inicia la codificación de la tabla con su elemnato característico <table>como muestra el paso 3.
<table> <tr> <td>LUNES</td> </tr> </table> El elemento td (table celd) define cada celda en la fila.
¡Es hora de ponerle mucha actitud!En realidad no es muy complicado.
Vídeo
Equipo
Angela Arevalo
Santiago Aponte
Sarith Castro
Diego Montenegro
Dylan Perez
Aurora Torres
¡Gracias!
HTML GENERAL
Maria Aurora Torres Arevalo
Created on September 13, 2022
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Psychedelic Presentation
View
Chalkboard Presentation
View
Witchcraft Presentation
View
Sketchbook Presentation
View
Genial Storytale Presentation
View
Vaporwave presentation
View
Animated Sketch Presentation
Explore all templates
Transcript
Aprendiendo HTML
ESTILO EN HTML
ESTILOS EN HTML
ESTILO EN LINEA: este atributo lo venimos tranajando atrabes de style con cierres y etiquetas.
<style>p (color red)</style>
VS
ESTILO INTERNO: este se define en <head>
<pstyle="color:red">Esto es un parrafo color rojo
ESTILO EXTERNO: utiliza un archivo.CSS que se ocupa solo del estilo, dejando el contenido al archivo
Vídeo
iniciando con html
Emplee este recurso una y otra vez mientras codifica en su dispositivo para afianzar sus conocimientos y habilidades. Puede desplazarse empleando los botones laterales < > En favor de la portabilidad, estos caracteres son normalmente almacenados en archivos, tal como sucede con muchos otros tipos de información.
A donde entrar para crear un HTML
Una vez que has decidido qué extensión usarás, puedes elegir un nombre para tu archivo y crearlo. El proceso de creación del archivo es más bien simple e involucra conocimientos acerca de tu sistema operativo. Los sistemas operativos pueden diferir en la forma en que los usuarios pueden crear un archivo, pero nunca demasiado. En el siguiente párrafo, mostraré el proceso de creación de un archivo en Windows 8, y dejaré que descifres cómo hacerlo en otros sistemas operativos.
Introduccioncon HTML
DIEGO MONTENEGRO
tutorial
Antes de enriquecer nuestro conocimiento deberas poner en practica lo visto anteriormente, sin embargo adjuntare un tutorial para ayudarte en esta interactiva actividad llamada "APRENDER".el video fue extraido del canal de youtube UpEmpresa Tutoriales.
Vídeo
Practica Inicial
HTML
luego de practicar y tener un concepto claro del codigo base en nuestra mente pasaremos al siguiente páso que lo denominare: "PRACTICA EVALUATIVA".
Cabe resaltar que se debe poner en practica varias veces el contenido de UpEmpresa Tutoriales ya que en su video tienen una explicacion clara, conciza y facil de digerir.
PRACTICA EVALUATIVA
Practica Evaluativa
info
Practica Evaluativa
luego de abrir el blog de notas es momento de escribir nuestra primera linea del codigo, una recomendacion que te doy es escribir el codigo manualmente siempre, esto ayudara a que (con mayor facilidad) se grabe este contenido en tu disco duro. PDT: se cuidadoso no te equivoques en ningun caracter, o no dara el resultado que quieres.
Practica Evaluativa
Acontinuacion, y usando lo que hemos aprendido hasta ahora, vas a crear un Documento html que se vea asi:
Practica Evaluativa
Una vez que haya realizado los cambios, es tiempo de guardar. El, anterior tutorial lo explica bien. Tenga en cuenta que el Bloc de notas crea un archivo ".txt" simple. Esta página requiere una extensión ".html". Al guardar el archivo, asegúrese de establecer la codificación en UTF-8 e incluya el nombre de archivo por ejemplo el mio Diego.html.
info
¡perfecto!ahora sabes como hacer un html basico
Lorem Ipsum
Etiquetas en HTML
Cuando escribes código en HTML, estás escribiendo etiquetas HTML. Todas las etiquetas HTML están hechas con un número de partes específicas, incluyendo:
- El carácter “menor que” <
- Una palabra o carácter que determina qué etiqueta se está escribiendo
3.Cualquier número de atributos HTML que se quiera usar, escritos de la forma nombre =”valor” 4.El carácter “mayor que” >Etiquetas
Hay alrededor de 142 etiquetas; sin embargo te dejare aca las mas basicas para tu iniciacion en este mundo del HTML
<body> para el contenido
<br> para saltos de línea
<H1>…<H6> para títulos dentro del contenido
<head> para información sobre el documento
VS
<img> para añadir imágenes al documento
<div> división dentro del contenido
<ol> para listas ordenadas, <ul> para listas desordenadas, <li> para elementos dentro de la lista
<a> para enlaces
<strong> para poner el texto en negrita
<p> para parágrafo
Estilos de colores y enlaces en html
Para agregar un color o estilo a las palabras en codificacion Html, Debemos:1.Entrar a Bytes per blog. 2.Buscar la diapositiva de enlaces y colores. En esta diapositiva nos aparecen todos los estilos y colores posibles por utilizar. 3.Cada estilo y color tiene diferente codificacion. Por ello debes estar muy pendiente de como se escribe. 4. Escoges tu color o estilo, lo codificas igual, recargas pagina. 5. Por algun motivo que no te aparezca, verifica si anotaste bien la codificacion, corriges, guardas y estara listo tu Html.
Existos !
Creación de tablas en HTML
la creación de tablas en HTML es un arreglo de filas y columnas y sus intersecciones se denominan celdas, y en estas se almacenan datos.En realidad no se codifican tablas, se codifican filas y celas, que luego se muestran como una tabla, con su respectiva información
como hacer una tabla en HTML
Paso 3
Paso 2
Paso 1
se hace la codificación habitual, luego en el "body", se inicia la codificación de la tabla con su elemnato característico <table>como muestra el paso 3.
<table> <tr> <td>LUNES</td> </tr> </table> El elemento td (table celd) define cada celda en la fila.
¡Es hora de ponerle mucha actitud!En realidad no es muy complicado.
Vídeo
Equipo
Angela Arevalo
Santiago Aponte
Sarith Castro
Diego Montenegro
Dylan Perez
Aurora Torres
¡Gracias!