Baixe o app para aproveitar ainda mais
Prévia do material em texto
PROGRAMAÇÃO PARA WEB Unidade III – HTML Parágrafos e Listas Ms. Thiago Nicolau Conte thiagonconte@uepa.br Programação para Web • Parágrafo • Tag <p> • Exemplo: <P ALIGN=“[left/right/center]”> texto </P> • Atributos: • ALING: Alinhamento do seu parágrafo • Exemplo: • <P ALIGN=“center”> Pará ; grafo 1, alinhado no centro </P> • <P ALIGN=“right”> Pará ; grafo 1, alinhado à direita </P> • <P ALIGN=“left”> Pará ; grafo 1, alinhado à esquerda </P> Programação para Web • Bloco de Texto • A tag <BLOCKQUOTE> • Determina um parágrafo recuado do lado esquerdo quanto direito Exemplo: < BLOCKQUOTE > A massa do Sol arqueia o espaço-tempo de tal maneira que, ainda que a terra siga uma trajetória reta no espaço-tempo quadridimensional, parece-nos que se desloca em orbita circular no espaço tridimensional < /BLOCKQUOTE > <P ALIGN=“right”><FONT SIZE=“-1” FACE=“Verdana, Arial”> (Stephen W. Hawking, “uma breve História do tempo”) </FONT> </p> Programação para Web • LISTAS • Podem ser divididas em três tipos: • Lista de definição: • Sintaxe: <DL> <!– inicio da lista de definição --> <DT> termo a ser definido <DD> definição </DL> <!-- fim da lista de definição -- > Programação para Web • Exemplo: <DL> <DT> Home Page <DD> Página de Apresentação <DD> Página Base <DT> HTML <DD> Hypertext Markup Language <DT> HTTP <DD> testando <DL> Programação para Web • LISTA NÃO-ORDENADO: adiciona um símbolo ao lado do item. • Sintaxe: <UL TYPE=“[disk/circule/square]”> <!- - inicio da lista- -> <li TYPE=“[disk/circule/square]”> item da lista </UL > <!- - fim da lista- -> Atributo: Circule: circulo vazio Square: retângulo disc : círculo preenchido padrão Programação para Web • Exemplo: <p>Alguns navegadores</p> <UL type=“square”> <Li> Mozila <Li>Safari <Li>Opera </UL> Programação para Web • Listas Ordenadas: define uma ordem para seus dados(ordenada por letras, números romanos e etc..) • Sintaxe: • <OL TYPE=“[1, A, a, VI]” START=“[inicio]”> <!- - início da lista- -> • <Li TYPE=“[1, A, a, VI]” VALUE=“[NUMERO]”> item da lista • </OL> • Start: indica o inicio da numeração da lista que você determinar • Value: indica um novo valor a qualquer item da lista Exemplo: <p> Fases de um Projeto</p> <ol> <li> levantamento <ol type=“A”> <li>Contrato inicial com o cliente <li>Levantamento de requisitos </ol> <li> Análise <ol type=“a”> <li> Cronograma Detalhado <li> Diagramas e Protótipos necessários </ol > </ol> Programação para Web • Linhas Horizontais • Tag <HR> • Sintaxe: <HR WIDTH=“[largura]” SIZE=“[espessura]” ALIGN=“[left/right/center]” NOSHADE COLOR=“[cor]”> Programação para Web •Atributos •Width: define a largura da linha em pixel ou porcentagem • Size: define o tamanho da espessura da linha em pixels •Align: alinhamento, aceita os valores LEFT, RIGHT e CENTER(padrão) •Noshade color: Determina a cor da linha <HTML> <BODY> Linha simples: <HR> Linha Dimensionada: <HR WIDTH=“100”> <HR WIDTH=“50%”> <HR SIZE=“8”> Linha com alinhamento: <HR WIDTH=“50%” ALING=“left”> <HR WIDTH=“50%” ALING=“right”> Linha sem sombra: <HR NOSHADE> Linha colorida: <HR NOSHADE COLOR=“red”> </BODY> </HTML> Referências Bibliográficas • DEITEL, Paul J.; DEITEL, Havey M. Ajax, Rich Internet Applications e Desenvlvimento Web para programadores. São Paulo: Person, 2008 • MARCONDES, Christian Alfim. HTML 4.0 Fundamental: A Base da Programação para Web. São Paulo: Erica, 2005. • NIEDERAUER, Juliano. Desenvolvendo Websites com PHP: Aprenda a criar Websites dinâmicos e interativos com PHP e banco de dados. São Paulo: Novatec, 2004. • LEMAY, Laura. Aprenda criar página web com HTML e XHTML em 21 dias. São Paulo: Pearson, 2002. • SILVA, Maurício Samy. Html e css-contrua seu website. Disponível em: <http://pt- br.html.net>. Acesso em: 10 maio. 2012
Compartilhar