miércoles, 9 de diciembre de 2015

REDISEÑAR POR COMPLETO ALGUNA WEB

REDISEÑAR MARCA

(Brandy Melville)

http://www.brandymelvilleusa.com

lunes, 9 de noviembre de 2015

HTML elemento Classes

--------------------------------------------------------------------------------------------------------------------------

Permite definir los estilos CSS para las clases de elementos.

Estilos iguales para clases iguales o diferentes estilos para diferentes clases.

<!DOCTYPE html>

<html>

<head>

<style>

.ciudades {

background-color:black;

color:white;

margin:20px;

padding:20px;

}

</style>

</head>

<body>

<h2>London</h2>

<p> Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes. </p>

<p> De pie sobre el río Támesis, Londres ha sido un puerto importante durante dos milenios, su historia se remonta a su fundación por los romanos, que la llamaron Londinium. </p>

</div>

</body>

</html>

Londres

Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes

De pie sobre el río Támesis, Londres ha sido un puerto importante durante dos milenios, su historia se remonta a su fundación por los romanos, que la llamaron Londinium.

PRUEBA DIV CLASS

Elementos Classing Inline

--------------------------------------------------------------------------------------------------------------------------

Es un elemento en línea que puede utilizarse como un contenedor para el texto.

Clasificando <span> hace posible el diseño de estilos iguales por la igualdad de los elementos.<span>

<!DOCTYPE html>

<html>

<head>

<style>

span.red {

color:red;

}

</style>

</head>

<body>

<h1>Mi <span class="red">gallina</span> pone huevos</h1>

</body>

</html>

Mi gallina pone huevos

PRUEBA

Classing Block Elements

-------------------------------------------------------------------------------------

El HTML <div> elemento es un elemento bloque. Se puede utilizar como un contenedor para otros elementos HTML.

El elemento<div>, hace que sea posible definir estilos iguales por la igualdad de <div>

<h2>Londres</h2>

<p>Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes.</p>

<p>De pie sobre el río Támesis, Londres ha sido un puerto importante durante dos milenios, su historia se remonta a su fundación por los romanos, que la llamaron Londinium.</p>

</div>

<h2>Paris</h2>

<p>Paris es la ciudad mas populosa de Francia.</p>

<p>Situada a la orilla del Sena, en cuyo centro hay una isla</p>

<p>Su área metropolitana es uno de las más de Europa, con más de 12 millones de habitantes.</p>

</div>

<h2>Tokyo</h2>

<p>Tokio es la capital de Japón,

la mayor área metropolitana más poblada del mundo.</p>

<p>Es la sede del gobierno japonés y del Palacio Imperial, y el hogar de la familia imperial japonesa.</p>

<p>La prefectura de Tokio es parte del área metropolitana más poblada del mundo con 38 millones de habitantes y la mayor economía urbana del mundo.</p>

</div>

</body>

</html>

Londres

Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes

De pie sobre el río Támesis, Londres ha sido un puerto importante durante dos milenios, su historia se remonta a su fundación por los romanos, que la llamaron Londinium.

Paris

Paris es la ciudad mas populosa de Francia.

Situada a la orilla del Sena, en cuyo centro hay una isla

Su área metropolitana es uno de las más de Europa, con más de 12 millones de habitantes.

Tokyo

Tokio es la capital de Japón,

la mayor área metropolitana más poblada del mundo.

Es la sede del gobierno japonés y del Palacio Imperial, y el hogar de la familia imperial japonesa.

La prefectura de Tokio es parte del área metropolitana más poblada del mundo con 38 millones de habitantes y la mayor economía urbana del mundo.

EJERCICIO 3 AUTORES SPAM

EXTERNAL

HTML

css

INTERNAL

html 6, Title(nombre que aparece en la pestaña).

<TITLE>

El elemento <TITLE></TITLE> es el más utilizado dentro de la marca <HEAD>, dado que sirve para dar título a la página. El título suele ser visualizado por los navegadores en la cabecera de página. La que figura a continuación es la imagen del TITLE de HTMLpoint (el texto es: HTMLpoint - el sitio italiano sobre el Web publishing):

meta charset="UTF-8"

Especifica la codificación de caracteres para el documento HTML.

Valores comunes:

UTF-8 - Codificación de caracteres Unicode
ISO-8859-1 - Codificación de caracteres para el alfabeto latino

En teoría, cualquier codificación de caracteres se puede utilizar, pero no hay ningún navegador entiende todos ellos. Se utiliza la más ampliamente una codificación de caracteres, mayor será la probabilidad de que un navegador lo entenderá.

<!DOCTYPE html>
<html>

<head>
<title> es lo q aparece en la pestaña del documento</title>
<meta charset="UTF-8">
</head>

<body>

<p>The HTML head element contains meta data.</p>

<p>Meta data is data about the HTML document.</p>

</body>
</html>

EXAMEN PROGRAMACION.

Examen programación html,css external,...

CODIGOS HTML

html

CSS

martes, 3 de noviembre de 2015

programación html 5, ATRIBUTOS.

El atributo id y el atributo class

Atributo id

<!DOCTYPE html>

<html>

<style>

p#p01 {

color: blue;

}

</style>

<body>

<p>This is a paragraph.</p>

<p id="p01">I am different.</p>

</body>

</html>

This is a paragraph.

I am different.

Atributo class

<!DOCTYPE html>
<html>

<style>
p.error {
color: red;
}
</style>

<body>

<p>parrafo.</p>
<p>parrafo.</p>
<p class="error">Soy rojo.</p>
<p>parrafo.</p>
<p class="error">Yo tambien soy rojo.</p>

</body>
</html>

parrafo.

Soy rojo.

parrafo.

Yo tambien soy rojo.

Prueba atributo id