Estudo ♥: HTML! | Blog Mostre ao Mundo | Caroline Leal
Home Tecnologia Estudo ♥: HTML!
Estudo ♥: HTML!
Unknown 12:52 Add Comment Tecnologia Edit
Bonitas e bonitos, se têm uma coisa que tô super ansiosa pra aprender na faculdade, é sobre HTML. Eu sempre gostei de ficar fuçando naqueles códigos que, na maioria das vezes, parece mais uma bagunça de letras. Pra fazer todo o layout do blog, cabeçalho, gadgets e afins, eu sempre dou meu jeito pra fazer e crio alguma coisa.
Desde o começo do Blog nunca deixei ninguém mexer no html ou configuração daqui, sabe como é né?! :( Além de ser super caro pra fazer um Layout, eu gosto de criar do meu jeitinho, as cores, desenhos, formatos e fontes.
Enfim, o post de hoje é especialmente sobre HTML <3 Espero que tire não só as minhas dúvidas, mas também, as dúvidas de vocês sobre essa genial linguagem! Vamos logo porque tô ansiosa. Hehe!
** No final do post deixo o link da fonte de info!
O HTML é uma linguagem de programação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada.
O HTML é uma linguagem de programação. Estas linguagens são constituídas de códigos que formam algum programa ou executam uma ação. O HTML tem códigos para criar paginas na web. Estes códigos que definem o tipo de letra, qual o tamanho, cor, espaçamento, e vários outros aspectos do site. No início era muito complicado aprender HTML, pois eram muitos comandos para fazer algo simples. A cada nova versão, o HTML fica mais fácil de utilizar, e adquire mais funções. Atualmente qualquer pessoa pode acessar a internet a aprender a construir um site básico em questão de horas, seguindo os passos de tutoriais e aprendendo as funções de cada código.
A maioria dos códigos em HTML precisam ter um código de inicialização e um de finalização – são as chamadas Tag's (tag de abertura e tag de fechamento). Por exemplo, para definir o titulo da pagina, é necessário escrever:
Estrutura básica de um documento:
As etiquetas HTML não são sensíveis à caixa, portanto tanto faz escrever <HTML>, <Html>, <html> ou <HtMl>.
Dentro do cabeçalho, os elementos:
São meta informações sobre documento. Tais campos são muitos usados por mecanismos de busca (como o Google, Yahoo, Bing) para obterem mais informações sobre o documento, a fim de classificá-lo melhor. Por exemplo, pode-se adicionar o código <meta name="description" content="descrição da sua página" /> no documento HTML para indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento. Para o motor de busca Google, por exemplo, elementos meta como keywords não são utilizadas para indexar páginas. Apenas <title> e a meta <description> são usadas para descrever a página indexada.
Obs: as etiquetas <style> e <script> servem tanto para delimitar os espaços usados pelos códigos na página quanto para invocar códigos existentes em outros arquivos externos.
Dentro do corpo podemos encontrar outras várias etiquetas que irão moldar a página, como por exemplo:
<h1>, <h2>, ... <h6>: cabeçalhos e títulos no documento em diversos tamanhos.
<table>: cria uma tabela (linhas são criadas com <TR> e novas células com <TD>, já os cabeçalhos das colunas são criados com as etiquetas <THead><TH> e os rodapés com<TFooter><TR><TD>).
<address>: endereço. <address>: endereço.
As cores devem ser declaradas com o atributo style, que funciona em diversos elementos, como por exemplo:
Onde COR pode ser o nome da cor em inglês, em decimal, hexadecimal, RGB, RGBA ou HSLA.
Uma possibilidade importante dos documentos HTML é a de fazer hiperligações. Para isso usa-se a etiqueta <a> (do inglês, anchor). Esta tem os atributos: href que define o alvo da hiperligação (que pode ser uma página de Internet, uma parte da mesma página ou um endereço de email) ou name que define um alvo nessa página (a onde se pode fazer uma hiperligação usando a etiqueta a com o atributo href). Exemplos:
target="_blank" é usado para abrir links em várias janelas e target="_new" é usado para abrir vários links em uma janela.[7]
Caracteres especiais e símbolos:
Os caracteres especiais definem-se usando comandos que começam com & e terminam com um ;. Alguns exemplos incluem &aacute; (á), &agrave; (à), &atilde; (ã), &acirc; (â),&auml; (ä) e &ccedil; (ç). Qualquer outra vogal pode ser substituída pelo a destes exemplos, incluindo maiúsculas