HTML Formato de prrafos listas no numeradas y

  • Slides: 9
Download presentation
HTML

HTML

Formato de párrafos , listas no numeradas y listas numeradas en HTML Los párrafos

Formato de párrafos , listas no numeradas y listas numeradas en HTML Los párrafos delimitados por etiquetas <p> pueden ser justificados a la izquierda, centro o derecha especificando dicha justificación en el interior de la etiqueta por medio de un atributo align. Un atributo es un parámetro incluido en el interior de la etiqueta que ayuda a definir el funcionamiento de la etiqueta de una forma más personal. Prof. Ricardo César Timaná Ortiz

Ejemplo alineación de párrafos <p align="left">Texto alineado a la izquierda <p align="center">Texto alineado al

Ejemplo alineación de párrafos <p align="left">Texto alineado a la izquierda <p align="center">Texto alineado al centro< <p align="right">Texto alineado a la derech Como veras, en cada caso el atributo align toma determinados valores que son escritos entre comillas. Prof. Ricardo César Timaná Ortiz

Etiqueta <div> Esta etiqueta sola no tiene función va acompañada del atributo align y

Etiqueta <div> Esta etiqueta sola no tiene función va acompañada del atributo align y lo que nos permite es alinear cualquier elemento (párrafo o imagen) de la manera que nosotros deseamos. Por ejemplo si queremos alinear varios párrafos a la izquierda podemos evitar introducir continuamente el atributo alig sobre cada una de las etiquetas. Ejemplo: <div align="left"> <p>Parrafo 1</p> <p>Parrafo 2</p> <p>Parrafo 3</p> </div> Prof. Ricardo César Timaná Ortiz

Color, tamaño y tipo de letra Esto se hace a partir de la etiqueta

Color, tamaño y tipo de letra Esto se hace a partir de la etiqueta <font> y su cierre correspondiente. Dentro de esta etiqueta deberemos especificar los atributos correspondientes a cada uno de estos parámetros que deseamos definir. Atributo “face”. - Define el tipo de letra , hay que tener en cuenta que no todos los navegadores contienen los tipos de letra seleccionado, en todo caso si no contara te mostraría el tipo de letra por defecto, para evitar esto dentro del atributo se pueden poner varios tipos de letra separados por comas. <font face=“Tahoma, arial, verdana“>TEXTO</font> Prof. Ricardo César Timaná Ortiz

Tamaño de letra Atributo Size. - Define el tamaño de la letra. Si hablamos

Tamaño de letra Atributo Size. - Define el tamaño de la letra. Si hablamos en términos absolutos, existen 7 niveles de tamaño distintos numerados de 1 a 7 por orden creciente. Elegiremos por tanto un valor size="1" para la letra más pequeña o size="7" para la más grande. Se utiliza también el creciente (“+1”) para aumentar después del primer texto o (“-1”) <font size=7>Este texto es más grande </font> Prof. Ricardo César Timaná Ortiz

Color de letra Atributo color. - Define el color del texto. es posible definir

Color de letra Atributo color. - Define el color del texto. es posible definir de una manera inmediata algunos de los colores más frecuentemente usados para los que se ha creado un nombre. <font color="red">Este texto está en rojo</font> Prof. Ricardo César Timaná Ortiz

Listas Podemos distinguir tres tipos de listas: • Listas desordenadas • Listas de definición

Listas Podemos distinguir tres tipos de listas: • Listas desordenadas • Listas de definición Listas desordenadas. - Son delimitadas por las etiquetas <ul> y </ul> (unordered list). Cada uno de los elementos de la lista es citado por medio de una etiqueta <li> (sin cierre). Ejemplo: <p>Países del mundo</p> <ul> <li>Argentina <li>Perú <li>Chile </ul>