Apostila_HTML_CSS_E-Jovem 11
Pré-visualização17 páginas
conectados por webs ou hiperlinks. O padrão HyTime é independente dos padrões e processamento de texto em geral. Ele fornece a base para a construção de sistemas hipertexto padronizados, consistindo de documentos que aplicam os padrões de maneira particular. 1.2.2. SGML (Standard Generalized Marup Language) Padrão ISO 8879 de formatação de textos: não foi desenvolvido para hipertexto, mas torna se conveniente para transformar documentos em hiperobjetos e para descrever as ligações. SGML não é aplicado de maneira padronizada: todos os produtos SGML tem seu próprio sistema para traduzir as etiquetas para um particular formatador de texto.ssa, sendo esta uma postura que deve ser tomada. O documento HTML pode ser escrito em qualquer editor de textos, desde que este tenha a capacidade de graválo como código ASCII (American Standard Code for Information Interchange código utilizado para representar textos quando há computadores envolvidos), isto é, como texto puro, sem formatação ou caracteres de controle. Podese usar, portanto, o gedit, kate, kedit nas distribuições linux, ou o Notepad, do Windows. Podese também usar editores mais modernos, como o BrOffice Writer ou o Word, sendo necessário neste caso, que o documento seja gravado no formato texto, e não, como um ''.odt" normal do BrOffice Writer ou \u201c.doc" normal do MSWord. 1.2.3. Conjunto de caracteres ASCII O conjunto de caracteres de 7 bits do código padrão americano para intercâmbio de informações (ASCII, American Standard Code for Information Interchange) e que é amplamente usado para representar letras e símbolos encontrados em um teclado americano padrão. O conjunto de caracteres ASCII é igual aos 128 primeiros caracteres (0127) do conjunto de caracteres ANSI. 1.2.4. Conjunto de caracteres ANSI O conjunto de caracteres de 8 bits, do Instituto Nacional de Padronização Americano (ANSI, American National Standards Institute), que é usado pelo Microsoft Windows e que possibilita a representação de até 256 caracteres (0255), através do teclado. Os 128 primeiros caracteres (0127) correspondem a letras e símbolos de um teclado americano padrão. Os outros 128 caracteres (128255) representam caracteres especiais, como letras de alfabetos internacionais, acentos, símbolos monetários e frações. Toda vez que você acessar um site (veja tópico Word Wide Web) por meios de domínios quando adiciona a URL na barra de endereço, do seu Navegador (Browser), você verá páginas na WEB bem dinâmicas, organizadas, animadas e com ela trazendo informações, imagens, sons, vídeos e etc. Então, você deve se perguntar: Como é feito? Como elas se propagam? Todas estas páginas Projeto eJovem Módulo II: HTML 8 possuem um código fonte escrito numa linguagem chamada HTML (Hyper Text Markup Language). Este manual tem por objetivo mostrálo como criar e exibir páginas HTML, como as que você ver através da WEB. Tais páginas são criadas a partir de arquivos texto ASCII, contendo caracteres de marcação da linguagem HTML. Uma vez criados, estes arquivos são salvos com uma extensão\u201c.html\u201d. Portanto, deveremos salvar nossos exercícios com esta extensão. Já que entendemos melhor como funciona a internet em geral, daremos inicio ao curso de HTML. Todo documento HTML apresenta elementos entre parênteses angulares (< e >). Esses elementos são as etiquetas (tags) de HTML, que são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento, representada com uma \u201cbarra\u201d ( / ): Isso é necessário porque as etiquetas servem para definir a formatação de uma porção de texto, e assim marcamos onde começa e onde termina o texto com a formatação especificada por ela. Alguns elementos são chamados \u201cvazios\u201d, pois não marcam uma região de texto, apenas inserem alguma coisa no documento, não havendo a necessidade do fechamento: Todos os elementos podem ter atributos: HTML é um recurso muito simples e acessível para a produção de documentos. Nesta apostila, será possível aprender grande parte de seus elementos. Nota: Não existem programas em HTML, pois HTML não é uma linguagem de programação, mas de formatação (marcação). Portanto, a rigor, não existem "programadores" de HTML. 1.3. Edição de Documentos HTML Existem Editores HTML chamados WYSIWYG (what you see is what you get o que você vê é o que você tem). Eles oferecem ambiente de edição com um resultado final das marcações (pois o resultado final depende do browser1 usado para visitar a página). Alguns bastante conhecidos são, por exemplo: FrontPage e Dreamweaver. Além dos editores específicos para HTML, Editores de Textos bastante utilizados, como o Word, entre outros, permitem a exportação de seus documentos próprios para o formato HTML (menu Arquivo, Salvar como, Salvar_como Tipo). Um documento HTML, como dito anteriormente, normalmente terá extensão .html. Porém, poderão também estar no formato .htm. Gostaria de lembrar, como citei na linha acima, que existem vários editores de Home Pages, como por exemplo: o Front Page Express, Netscape Composer, Home Site, etc. Só que na Projeto eJovem Módulo II: HTML 9 ausência destes aplicativos e sendo desconhecida a Linguagem de HyperTextos, HTML, não poderia criar suas páginas. Daí, a importância de se conhecer esta linguagem. Para estudarmos HTML, usaremos editores de texto simples, como: gedit, kate ou Bloco de Notas. Precisaremos também de um Browser (Mozilla Firefox ou Internet Explorer) para que possamos visualizar como nossa página está ficando. Para nossos exemplos, usarei o Mozilla Firefox. Tudo Bem? Mas antes, vamos entender como estas páginas são colocadas para que todos possam ver na Web. 1.4. Publicação de Documentos na Internet (Sites) Para que uma página esteja permanentemente disponível pela Web, ela precisa ter um endereço fixo, alojada em um servidor. Existem vários provedores de espaço (hosting) gratuitos e também os provedores de acesso geralmente oferecem espaço para os sites de seus assinantes. Sites com fins lucrativos geralmente são hospedados em provedores de espaço pagos. Definida a hospedagem, basta enviar para o provedor os arquivos de seu site (via FTP2 ou por uma página de envio no próprio provedor de espaço) e suas páginas já estarão disponíveis para visitas no mundo todo. Já tendo uma idéia dos principais conceitos, vamos começar a produzir nossas páginas. 1.5. Documento HTML Básico e seus Componentes A estrutura básica de uma página HTML é mostrada na abaixo. Observe que a construção de páginas exige o uso das TAGS: Com certeza, você observou melhor o que foi dito anteriormente, que as TAGs normalmente estarão antes e depois de algo, onde este algo pode ser algum texto, ou outro conjunto de TAGs que estão entre estas duas TAGS. As etiquetas (tags) HTML não são case sensitive, ou seja, as TAGS não fazem diferença entre letras maiúsculas ou minúsculas. Tanto faz escrever, por exemplo, <HTML>, <Html>, <html>, <HtMl>, etc. Onde : Principais TAG's <html> Marca o início e fim do documento <head> Marca o início e o fim do cabeçalho <title> Marca o inicio e o fim do título <body> Marca o início e o fim do do corpo da página Projeto eJovem Módulo II: HTML 10 O documento HTML básico dividese, principalmente, em duas TAGS principais das vistas acima, sendo elas: <HEAD> e <BODY>. 1.5.1. <HEAD> Esta TAG contém informações sobre o documento. O elemento <TITLE>, por exemplo, define um título, que é mostrado no alto da janela do browser. Exemplo: Todo documento WWW deve ter um título, onde principalmente esse título é referenciado em buscas pela rede, dando