Baixar para ler offline
AULA - 1
- 1. Características Documentos HTML são arquivos escritos em ASCII – texto. Podem ser criados em qualquer editor de texto, (VI, EMACS, EDIT, NOTEPAD), existem editores específicos para várias plataformas e conversores de vários formatos, por exemplo, doc para HTML e a unidade mínima de informação é a “página”.
- 2. Estrutura básica deuma página <!doctype> <html> <head> <title> <title> <head> <body> <header> <header> <nav> <nav> <section> <header> <header> <article> <article> <footer> <footer> <section> <aside> <aside> <footer> <footer> <body> <html>
- 3. Metadados: head, title,link, meta, style Head - A Tag HEAD é onde fica toda a parte inteligente da página. São as informações sobre a página e o conteúdo ali publicado. Title – Define o título da barra de títulos no navegador. Link – Importa uma de estilos na página. Meta – Adiciona informações sobre a página como autor, palavras e chave. Stile - Incorpora uma folha de estilos na página.
- 4. Sessões: body, article,section, nav, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address Body – Define o corpo da página HTML. Article - Representa uma parte da página que poderá ser distribuído e reutilizável. Section – Define uma nova seção genérica do documento. Nav – Representa uma seção da página que contem links. Aside – Representa um bloco de conteúdo que referência o conteúdo. H1, H2, H3, H4, H5, H6 – Definem uma seção de cabeçalhos. Hgroup – Este elemento consiste em um grupo de títulos. Header – Representa um grupo de introdução ou elementos de navegação. Footer – Representa literalmente o radapé da página. Address – Endereço.
- 5. Comentário Os comentários emHTMl, é como uma etiqueta que tem um início e um fim. Todo o texto que colocar dentro está comentado, ou seja, aparecerá na página. Dentro de um comentário pode colocar o texto ou código HTML, como etiquetas. Exemplo: Todo comentário começa por <! -- e finaliza por -- >, tudo o que colocar entre essas etiquetas está comentado.
- 6. Elementos de agrupamento:p, hr, blockquote, ol, ul, li, dl, dt, dd, div. P – Define um parágrafo. Hr – Define uma divisão no conteúdo da página. Blockquote – Define um parágrafo de citação. Ol – Lista ordenada. Ul – Lista não ordenada. Li – Item de uma lista. Dl – Lista de definição. Dt – Termo a ser definido. Dd - Definição do termo. Div – Define uma divisão ou seção no documento.
- 7. Elementos de textosemânticos: a, abbr, span, strong, em, br A – Define um hyperlink na página. Abbr – Utilizado para marcar abreviações. Span – Agrupa elementos em linha de um documento. Strong – Dá uma forte ênfase. Em – Dá uma ênfase. Br – Quebra de linha.
- 8. Conteúdo embutido: img Img– Determina a inserção de uma imagem.