<style type="text/css">
      body { font-family: Verdana,Arial,sans-serif;
        font-size: 15px;
        color: #11111...
Head                                                                     <style
type="text/css"> ... </style>
            ...
font-family
                                                                 font-family: arial   font-
family: "Times New...
<html>
<head>
 <title>Estilo del Texto</title>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />...
Upcoming SlideShare
Loading in …5
×

DiseñO Web Taller 3

948 views

Published on

Diseño Web - HTML

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
948
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

DiseñO Web Taller 3

  1. 1. <style type="text/css"> body { font-family: Verdana,Arial,sans-serif; font-size: 15px; color: #111111; text-align: justify; background-color: #063306;} h1 { margin-left: 80px; margin-top: 20px; font-size: 180%; color: #338433;} h2, h3 { font-family: Georgia,Times,serif; font-size: 150%; color: #a52a2a; margin-top: 0; margin-left: 30px;} h3 { color: #916908;} p { margin: 35px; line-height: 1.5em; text-indent: 15px;} img { border: 2px solid #005b00; margin: 10px; float: right;} div.cuerpo { margin: 0 20px 20px; background-color: #f3f3f3;} .azul { font-weight: bold; color: #3333ff;} </style> propiedad: valor; propiedad: valor1 valor2 valor3; color:red; font-size:120%
  2. 2. Head <style type="text/css"> ... </style> body body body { font-family: Verdana,Arial,sans-serif; font-size: 15px; color: #111111; text-align: justify; background-color: #063306;} H1 h1 { margin-left: 80px; margin-top: 20px; font-size: 180%; color: #338433;} H1 Body H2 H3 H3 H3 p Body p .azul {font-weight: bold; color: #3333ff;} span <p> En esta web encontrarás <span class="azul">información </span>sobre nuestra institución y una colección de fotografías de las instalaciones.</p>
  3. 3. font-family font-family: arial font- family: "Times New Roman"; font-family:Georgia, "Times New Roman", Times, serif; font-size font-style normal oblique italic font-weight normal bold text-decoration none underline overline line-through blink text-transform uppercase lowercase capitalize none font-variant small-caps normal
  4. 4. <html> <head> <title>Estilo del Texto</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> </head> <body> <h1 style="font-size:100%">&Eacute;ste es un h1 del mismo tama&ntilde;o que un p&aacute;rrafo normal.</h1> <p>&Eacute;ste es un p&aacute;rrafo normal.</p> <p style="color:red">&Eacute;ste p&aacute;rrafo es de color rojo, con algunas palabras en <span style="color:blue">azul</span>.</p> <p>Podemos cambiar la fuente: <span style="font-family:serif;">y poner este texto en serif</span>, <span style="font-family:sans-serif;">esta parte en sans-serif</span>, <span style="font- family:cursive;"> la familia de esta palabra es cursive</span>, <span style="font- family:fantasy;">tambi&eacute;n tenemos fantasy</span>, <span style="font-family:monospace;">y acabamos con monospace</span>. </p> <p style="font-weight:bold; text-decoration:underline">Este p&aacute;rrafo (<span style="font-weight: normal; text-decoration: none;">menos esta parte</span>) est&aacute; en negrita y subrayado. <span style="text-decoration:overline">Este fragmento, adem&aacute;s sobrerrayado</span>.</p> <p style="text-transform:lowercase;"><span style="font-size:85%;">&Eacute;STE,</span> EST&Aacute; <span style="font-size:110%;">ESCRITO TODO </span><span style="font-size:120%;">EN MAY&Uacute;SCULAS</span>, <span style="font-size:130%;">Y ADEM&Aacute;S VA</span><span style="font-size:140%;"> CRECIENDO.</span></p> </body> </html> style <style type="text/css"> ... </style> <head> <link href="hoja_de_estilo.css" rel="stylesheet" type="text/css" /> href rel stylesheet alternate stylesheet

×