\n'; document.write(barra); } } changePage();
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
|||
|
Curso HTML Módulo 01 - Módulo 02 - Módulo 03 - Módulo 04 - Módulo 05 Formatando o Texto Nosso último comando foi determinar ao browser as características do corpo de texto, lembra-se: <HTML> <HEAD> <TITLE>Bem-vindo ao mundo do web designer </HEAD> <BODY BGCOLOR="pink" TEXT="red" LINK="black" VLINK="white"> Aqui vc vai realizar toda a sua imaginação e seu talento em diagramar páginas para a internet </BODY> </HTML> Bem hoje vamos ampliar o nosso conhecimento neste sentido. Como vc percebeu, a "fonte" padrão do leitor de HTML é o tipo Times New Romam. Mas como então mudá-la? Para isso, existe o TAG<FONT> e seus atributos. Ex.:
TAG= <FONT></FONT> Bem, agora vamos ao exemplo: <HTML><HEAD> <TITLE>Bem-vindo ao mundo do web designer</TITLE> </HEAD> <BODY BGCOLOR="pink" TEXT="red" LINK="black" VLINK="white"> Aqui vc vai realizar toda a sua imaginação e seu talento em diagramar páginas para a internet, com a fonte padrão. <FONT size=2 color=lime face=arial, verdana, sans-serif>Aqui está a sua nova Fonte</FONT> </BODY> </HTML> Outro recurso na diagramação de fontes são os títulos ou cabeçalhos <H>, que variam de 1 a 6, exemplificando: <H1>Cabeçalho número 1</H1><H2>Cabeçalho número 2</H2> <H3>Cabeçalho número 3</H3> e assim por diante. Anote o seguinte: o cabeçalho sempre se apresentará com a fonte padrão, portanto, se vc quiser usar uma outra fonte é necessário que o atributo "face" venha antes do TAG <H>: <FONT face=arial><H2>Aqui vai o título</H2></FONT>. Certo? Outra informação: um TAG <H2> não sobrepõe um<H1>, ou seja, alguns espertinhos acham que ao determinarem um TAG <H1>Aqui e um outro TAG <H2>Aqui, ele aceitará esse comando. Isso se chama aninhamento e não é aceito pela maioria dos browser. Outros TAGs de estilo de fonte, mas que são usados em separados do TAG <FONT>, são eles: negrito: <B></B> itálico: <I></I> sobrescrever: <SUP></SUP> subescrever: <SUB></SUB> formatar texto: <PRE></PRE>; nota: este TAG apresenta o texto da maneira que foi digitado, respeitando todos os comandos dados e seu estilo de diagramação, contudo não aceita o texto justificado. sublinhado: <U></U>Alinhamento O alinhamento de texto ocorre com o seguintes TAGs: centralizado: <CENTER></CENTER>parágrafo justificado: <P align=justify></P> parágrafo à esquerda: <P></P> parágrafo à direita: <P align=right></P> quebrar uma linha: <BR> Marcadores de textos Listas: Numerada <OL> <LI>Banana <LI>Laranja <LI>Abacaxi <LI>Morango </OL> Não numeradas: <UL> <LI>Banana <LI>Laranja <LI>Abacaxi <LI>Morango </UL> Bem vamos ao nosso exemplo de página: <HTML><HEAD> <TITLE>Bem-vindo ao mundo do web designer</TITLE> </HEAD> <BODY BGCOLOR="pink" TEXT="red" LINK="black" VLINK="white"> Aqui vc vai realizar toda a sua imaginação e seu talento em diagramar páginas para a internet, com a fonte padrão. <P> <FONT size=2 color=lime face=arial, verdana, sans-serif>Aqui está a sua nova Fonte</FONT> </P> Até agora<B> vc</B> aprendeu:<BR> <OL> <LI>Arquivo HTML = nome.html e index.html para a 1<SUP>a</SUP> página <LI>A compor o corpo de um texto <LI>A trabalhar com diversas <U>fontes</U> <LI>A alinhar um texto <LI>A usar marcadores de textos </OL> </BODY> </HTML> Agora vc já está pronto para digitar e diagramar textos em HTML. Lembre-se, este é um curso básico, existem outros comandos que podem auxiliar na diagramação textual de sua página, por isso um bom tutorial irá lhe ajudar a pesquisar esses novos comandos. Por isso, mãos à obra. Porfirio Amarilla - webdesigner |
|||
|
|||||||||