-
Cómo introducir el tamaño del texto en HTML
-
Si usted está escribiendo un documento para mostrar en una página web o un blog, es posible que desee cambiar el tamaño de la fuente principal, o ciertas áreas del texto para hacer que destaquen o denotan un título o encabezamiento. Hay una forma muy conveniente y fácil de tamaños de introducción de texto con etiquetas HTML que se definen por un "Cascading Style Sheet" (CSS). Este archivo está creado para que usted no tiene que cambiar todas las páginas de su sitio cuando se quiere rediseñar.Instrucciones
1 Añadir las etiquetas apropiadas en todo el texto que desea cambiar. Para hacer un poco de texto grande, puede utilizar la etiqueta <big>. Hacer ciertas líneas de texto más pequeño usando la etiqueta <small>. Añadir etiquetas HTML en el texto escribiendo la etiqueta de inicio, la palabra (sin espacios intermedios) y la etiqueta final. Por ejemplo: <small> Este texto aparecerá más pequeño </ small>. La barra invertida después de que el mayor símbolo menor que dice el código para dejar de hacer el texto más pequeño.
2 Abra un nuevo archivo en un editor de texto simple como el Bloc de notas o TextEdit para iniciar su archivo CSS. Añadir este código para el nuevo archivo:
cuerpo {
font-size: 12pt;
}
Este código establece el tamaño de la fuente para todo el cuerpo de la página web. Pulsa enter dos veces y añadir este código para definir las pequeñas y grandes etiquetas:
pequeña {
font-size: 8 puntos;
}
grande {
font-size: 20pt;
}
Cambiar el número en la línea "font-size" para ajustar el tamaño de su agrado. Utilice el mismo método para cambiar los tamaños de las "partidas" en su documento mediante el uso de los <h1>, <h2>, <h3> etiquetas y definirlos en el documento CSS.
3 Ir a "Archivo" y luego "Guardar" cuando haya terminado de ajustar el código CSS. Nombre del archivo algo como "hoja de estilo" con la extensión de archivo ".CSS" sin espacios. Cargar el archivo CSS y el archivo con las etiquetas HTML en el directorio de host de su sitio web.
4 Añadir esta línea de código entre las etiquetas <head> </ head> de su página web:
<Link rel = "stylesheet" type = "text / css" href = "stylesheet.css" />
Esta línea de código "llama" el archivo CSS para que pueda cambiar las etiquetas HTML. Su página web debe algo el aspecto siguiente:
<Html>
<Head>
<Title> El título de la página Web (El mismo se mostrará en la parte superior del navegador) </ title>
<Link rel = "stylesheet" type = "text / css" href = "stylesheet.css" />
</ Head>
<Body>
El texto principal del documento. <Small> El texto pequeño. </ Small> <big> texto más grande. </ Big>
<H1> A título </ h1>
</ Body>
</ Html>
