Párrafo uno negrita párrafo uno párrafo párrafo uno
Segundo párrafo cursiva
salto de linea
Esto es un párrafo marcado.
Y este uno subrayado.
Probando atributos 1: uso font-size para que el tamaño de letra sea de 20 px, font-family para poner el tipo de letra como initial, color para cambiar el color de letra (purple), background-color para cambiar el color de fondo (grey), padding para poner relleno (10px), margin para poner el tamaño de los márgenes (3px), width para el ancho (500px), height para ponerle el alto (220px), border-style para el estilo de borde (solid), border-color para cambiar el color del borde (white), border-width para modificar el ancho del borde (3px).
Probando atributos 4, usando en este caso align con valor justificado. Voy a hacer este texto un poco más largo para que se pueda ver que esta justificado. También voy a aprobechar este párrafo para ponerte un enlace de regalo sobre el código CSS, haga click en este enlace.
hipervínculo El_Mundo
Esta imagen es de un campo de naranjos. Uso el atributo alt en caso de que no se cargue la imagen. Tambíen he usado los atributos height (100px), width (200px) y border (3px).
También voy a poner un enalce en una imagen:
Listas no ordenadas : aquellas en las que los elementos no están enumerados, no hay un orden.
La etiqueta ul tiene los elementos de la lista y dentro de ella irán los atributos que afecten a la lista en bloque. Dentro de "ul" usaremos la etiqueta li que serán los elementos de la lista que son independientes unos de otros.
Listas ordenadas : los elementos están enumerados o marcados con algún signo que indique orden.
La etiqueta ol crea listas ordenadas, dentro de esta etiqueta usaremos li.
Combinación de ambas listas, más la etiqueta style en "ul" (list-style-tyoe y list-style-image") :
| Lunes | Martes | Miércoles |
|---|---|---|
| Empresas Teo | Consolas Teo | Expresión gráfica Teo |
| Empresas Lab | Consolas Lab | Expresión Gráfica Lab |
| De 15:30 a 19:30 | De 15:00 a 19:00 | De 15:00 a 19:00 |
| Rojo | Verde | Amarillo |
| Azul | Marrón | |
| Salmón | Naranja | |
| Turquesa | ||
Etiqueta div se define como un elemento en bloque, es decir, es utilizada para agrupar varios elementos que luego serán apuntados con CSS para darle un estilo a dicho bloque.
La etiqueta span se define como un elemento en linea, se usa para resaltar una fracción de texto dentro de un párrafo usando atributos. También podemos ponerle un identificador, ya sea id o class para luego apuntarlo y maquetarlo con CSS.
Este párrafo esta dentro de un div que a su vez esta dentro de otro div.
Como dato, desde que salió HTML5 es mejor emplear las nuevas etiquetas html5 como: < header>, < article>, < footer>, etc... en vez de < div>
Párrafo para usar el efecto span: Probando el efecto. Dejando de usar el efecto.
Hola soy Noemí, una chica que nació en una pequeña ciudad llamada Teruel. Actualmente estoy viviendo en Castellón debido a mis estudios universitarios y en un futuro me gustaría dedicarme al mundo de los videojuegos de forma profesional.
Me apasiona el arte en general y me considero una persona muy creativa, lógica y sensible. La música, el cine, los comics, pixel art, la arquitectura, la fotografía e incluso la psicología. En general, me gusta crear cosas nuevas a partir de mis ideas. En mis ratos libres me gusta hacer cosplay, creo disfraces y personajes basandome en videojuegos y series de cualquier tipo. Incluso cuando tengo tiempo y estoy por Teruel, me apunto a actividades en la cruz roja. Ya llevo 3 años como voluntaria y he aprendido muchísimo. Primeros auxilios, feminismo, clases de apoyo a niños, educación emocional, o simplemente ayudar con actividades cotidianas que hace la cruz roja.
También soy una persona muy reflexiva y perfeccionista, me gusta analizar todo, esto me ayuda a tener una visión global de los proyectos que quiero realizar y sacarles el máximo provecho.
En cuanto a la programación, me se defender y me gusta. Tengo facilidad para aprender e implementar los lenguajes, aunque si tubiera que destacar algo sin duda sería mi visión espacial. Este año voy a realizar un edificio en blender y es de momento lo que más ilusión me hace.
En esta galería, encontrarás mi arte y programación realizada hasta el momento.
