Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas

sábado, 3 de marzo de 2018

JAVASCRIPT

marzo 03, 2018  , , , , ,  No comments

Holaaaa a todos! Hoy os traigo un poco de JavaScript, un lenguaje de programación que permite programar el comportamiento de un sitio web mediante scripts. Los scripts son secuencias de órdenes que pueden ser ejecutadas por un cliente web desde su navegador.
Con JavaScript podemos hacer nuestras páginas web interactivas y dinámicas incluyendo en estas botones, herramientas que permitan la realización de cálculos en tiempo real, mostrar mensajes...
Una vez explicado esto, os mostraré de qué dos formas podéis insertarlo en vuestra página web:

  • En el código fuente de la página html: entre dos etiquetas (una de inicio y otra de fin); JavaScript interno.  



  • En un archivo aparte: escritos en un archivo con la extensión .js , independiente del código HTML de la página; JavaScript externo.


IMPORTANTE: No debemos confundir JavaScript con Java ya que el primero es un lenguaje interpretado, y Java es compilado.

Espero que esta introducción a JavaScript os sirva de algo. Próximamente os traeré los cambios realizados a mi página de pruebas con JavaScript.

Read More

martes, 20 de febrero de 2018

UN POCO MÁS DE CSS

febrero 20, 2018  , , ,  No comments

Hay tres formas de insertar CSS en un documento:
  • Hoja de estilos externa: en un fichero independiente con extensión .css
  • Hoja de estilos interna: en la cabecera del documento
  • En línea: en cualquier etiqueta utilizando atributo style.
¿Qué estilo se utilizará cuando se especifica más de uno en un elemento HTML?
En este caso  el orden sería el siguiente: 
                   
            Declaración en línea > Declaración interna > Declaración externa


Aquí os dejo una tabla con un resumen de las características de cada estilo:


DECLARACIÓN CSS
ARCHIVOS AFECTADOS
CSS SE APLICA A
En línea
Uno, aquel donde se realiza la declaración
Una línea de código.
Interna
Uno, aquel en cuya cabecera se realiza la declaración
Todos los elementos del archivo en los que resulte de aplicación el estilo
Externa
Todos los archivos que invoquen el archivo css
Todos los elementos de los archivos afectados en que resulte de aplicación el estilo

Si queréis saber más podéis mirar el siguiente enlace en el que profundizan más en el tema.

Read More

domingo, 18 de febrero de 2018

CSS ¿QUÉ ES?

febrero 18, 2018  , , , ,  No comments

¡Holaaaaaa a todosss! Como podéis ver en el título, vamos a hablar un poco sobre CSS (Cascading Style Sheets), hoja de estilos en cascada, básicamente describe como se va a ver la información en una pantalla. Si recordáis de la entrada anterior veíamos como con HTML podíamos introducir texto, imágenes y vídeos, e incluso dar algo de forma al texto y colocarlo, pero con CSS podemos dotar de un estilo y formato a los documentos HTML. Los estilos definen la forma de mostrar los elementos HTML.
Una hoja de estilo es el conjunto de propiedades de formato, una o más reglas aplicadas a el documento HTML.
Las reglas de estilos son los componentes de una hoja de estilo. Una regla de estilo está compuesta por:

  • El selector que indica las etiquetas a las que se aplica.
  • La declaración que es un conjunto de pares (propiedad/valor).

h1 {color: red;}
h1 es el selector
{color: red;} es la declaración, donde color es la propiedad y red el valor.
OJO: Cualquier error en la sintaxis hace que la regla sea ignorada.
Resultado de imagen de CSS

Read More

martes, 13 de febrero de 2018

¿QUÉ ES EL HTML?

febrero 13, 2018  , ,  No comments

HTML (HyperText Markup Language) es el lenguaje usado para la creación de páginas web. Se trata de instrucciones en forma de etiquetas que sirven para dar forma al texto, donde y como van colocados los elementos de la página, texto, imágenes...
En la entrada de introducción y pruebas con html probé a realizar una entrada entera con html. Esto es posible ya que blogger te permite editar el código html. Aquí os dejo el código de esa entrada para que le echéis un vistazo y os animéis a probarlo vosotros mismos.




<body>
Este es un párrafo, que debe estar entre las etiquetas de apertura y cierre "p"<br />

En este otro párrafo probar tipos de letras,<b> negrita</b>,<i>itálica</i>,<big> grande</big>,<small>pequeña</small>, <sub> subíndice</sub>, <sup> superíndice</sup>,<u>subrayado</u><br />

<hr align="CENTER" noshade="" size="2" width="100%" />
<pre>Este texto esta preformateado, usando la etiqueta pre
podemos escribir el texto como
queramos</pre>
A continuación probaremos una lista ordenada<br />

<h3>
TIPOS DE LISTAS HTML</h3>
<ol start="3" type="1">
<li>Ordenadas, usaremos la etiqueta ol.
<li>No ordenadas, usaremos la etiqueta ul.
<li>Listas de definiciones, usaremos la etiqueta dl.
</li>
</li>
</li>
</ol>
Y una lista No ordenada<br />

<h4>
Tareas a realizar</h4>
<ul type="SQUARE">
<li>Articulo con html.
<li>Modifica el código html del blog.
<li>Probar html5maker.
</li>
</li>
</li>
</ul>
Lista de definiciones<br />

<h4>
Glosario</h4>
<dl>
<dt> HTML
<dd> Lenguaje de Marcado de HiperTexto.
<dt> WWW
<dd> Red Mundial.
<dt>URL
<dd>Localizador Uniforme de Recursos.
</dd></dt>
</dd></dt>
</dd></dt>
</dl>
Para terminar con una tabla con el horario de<b> SCM </b><br />

<table align="center" border="" style="width: 60%px;">
<caption align="top"><h3>
 Horario SCM</h3>
</caption>
<tr align="center"><th><th>Lunes<th>Martes<th>Miércoles<th>Jueves<th>Viernes</th></th></th></th></th></th></tr>
<tr align="center"><th>Mañana<td>11:00 – 15:00<td>----<td>8:00-10:00
<td>----<td>----</td></td></td></td></td></th></tr>
<tr align="center"><th>Tarde<td>----<td>----<td>----<td>----
<td>----</td></td></td></td></td></th></tr>
</table>
</body>

Read More

lunes, 12 de febrero de 2018

Introducción y pruebas con Html

febrero 12, 2018  , , , ,  1 comment

Este es un párrafo, que debe estar entre las etiquetas de apertura y cierre "p"
En este otro párrafo probar tipos de letras, negrita,itálica, grande,pequeña, subíndice, superíndice,subrayado
Este texto esta preformateado, usando la etiqueta pre
podemos escribir el texto como
queramos
A continuación probaremos una lista ordenada

TIPOS DE LISTAS HTML

  1. Ordenadas, usaremos la etiqueta ol.
  2. No ordenadas, usaremos la etiqueta ul.
  3. Listas de definiciones, usaremos la etiqueta dl.
Y una lista No ordenada

Tareas a realizar

  • Articulo con html.
  • Modifica el código html del blog.
  • Probar html5maker.
Lista de definiciones

Glosario

HTML
Lenguaje de Marcado de HiperTexto.
WWW
Red Mundial.
URL
Localizador Uniforme de Recursos.
Para terminar con una tabla con el horario de SCM

Horario SCM
LunesMartesMiércolesJuevesViernes
Mañana11:00 – 15:00----8:00-10:00 --------
Tarde---------------- ----

Read More
Suscribirse a: Entradas (Atom)

BLOG ASIGNATURA SCM

Twitter

PORTFOLIO

Twitter