HTML: o básico para iniciantes
HTML – linguagem de marcação de hipertexto que fez a Internet como a conhecemos e amamos. É graças a este sites ferramenta maravilhosa olhar agradável e moderno e oferece a conveniência de sua utilização. HTML é simplesmente reúne os elementos de uma página web em uma opção user-friendly. Sua obra é comparável ao fato de que fazer editores de texto , tais como MS Word ou OpenOffice. Eles viram uma massa sem rosto das letras em um documento que tem parágrafos, o texto em negrito, itálico, tabelas e até mesmo imagens. Aproximadamente a mesma coisa faz HTML, com a única diferença de que seus documentos são exibidos no navegador, e as possibilidades desta ferramenta é muito mais amplo do que o editor de texto. Usado para marcar as tags – comandos especiais que descrevem a estrutura da página web. Eles estão entre parênteses em ângulo – , o navegador poderia distingui-los da massa total do texto. Em seguida, vamos olhar para o básico de HTML para iniciantes.
editores visuais
Iniciantes única abrindo o caminho para o estudo do HTML, muitas vezes começam seu trabalho com programas para criar sites sem qualquer conhecimento. Eles podem simplesmente colocar os itens na tela como aparecerão no navegador. Parece, aqui está – a fonte da graça eterna, permite se livrar da maioria dos desenvolvedores web. Mas não é tão simples, porque os editores visuais têm muitas deficiências que o tornam impossível usá-los em projetos sérios.
Esses programas criam um monte de etiquetas desnecessárias que fazem a versão final da página pesado e abaixo do ideal. É claro que, nesta era de internet de alta velocidade é de menor importância do que no passado, mas há uma série de razões pelas quais um site conciso e bem escrito é uma mais prático do que o seu homólogo, criado no editor visual. página Web feitas de tal programa será maltratado pelos motores de busca como importante para eles a cada kilobytes de código e código complicado e ilógico com um monte de erros de semântica dificilmente tê-los a gosto. Além disso, os editores, muitas vezes por trás das vezes, tornam-se irrelevantes, e gastar recursos no seu desenvolvimento é impraticável porque nenhum profissional não vai usar esses produtos. Portanto, qualquer pessoa que queira trabalhar na criação de sites, deve saber o básico de HTML.
etiquetas
Como mencionado acima, as tags descrever a estrutura da página do navegador web. A maioria deles tem abertura e fechamento, mas não todos. Por exemplo,
Há também marcas individuais, que não precisam ser fechados. Neles foi no interior, bem como atributos. Atributo pode ser estabelecido para a maioria dos HTML-tags e define as propriedades do elemento. É designado na marca de abertura se parece com isso: atributo = "…", onde em vez dos pontos é o valor do atributo. Conhecimento da marca é o primeiro e mais importante passo para o desenvolvimento de HTML. Os princípios básicos desta arte também implica uma compreensão da estrutura da página web.
estrutura do documento
Cada documento HTML tem uma extensão correspondente, por exemplo, index.html. Assim, o navegador pode entender o que ele tem que fazer, e exibir corretamente uma página. Todos os arquivos usados para criar o site, é aconselhável manter no mesmo diretório que no futuro vai facilitar muito a sua vida. Fundações de Hypertext Markup Language HTML envolvem uma compreensão clara da estrutura do documento. Ela começa com a tag , diz a versão do browser de HTML, que é usado neste documento. No momento, a quinta versão tópica da língua, por isso não há necessidade de inventar qualquer coisa, podemos inserir com segurança A tag acima para o topo de qualquer página.
Então vá para a principal estrutura emparelhado, constituindo o "esqueleto" do site. A primeira tag em que para colocar todo o resto – … . Tudo o que está além, não é reconhecido pelo navegador como uma página web, para que ele abre e fecha o documento. Esta tag é necessário para qualquer documento. Ele também contém várias etiquetas obrigatórias, que serão discutidos abaixo.
cabeça
Dentro da tag … contém informações de natureza técnica, que não serão exibidos na página, mas, no entanto, é uma parte importante do HTML documento. aviso local colocou neste lugar, são selecionados e introduzidos na codificação do nome da página. Ela está contida dentro da tag obrigatória
link
conhecimento básico de HTML também envolve o uso de estilos em cascata, ou CSS. Eles definir as propriedades dos elementos que serão exibidos na página. A abordagem moderna para este problema envolve a imposição de tais características como cor, altura e localização do item, para um arquivo externo para maior comodidade. Para ligar o arquivo css usa a tag . Na forma final, parece algo como isto: , o que indica href sobre a localização do arquivo e tipo – do seu tipo.
corpo
É nesta parte do HTML-documento criado pela parte visível da página. Tudo o que é feito dentro do "corpo" será exibido pelo browser. Na usado uma enorme quantidade de tags HTML. Básico – Esta formatação de texto, trabalhar com links e ferramenta simples para a estruturação de uma página web. Para começar a trabalhar em HTML, o suficiente para saber as tags básicas e ser capaz de usá-los. Abaixo estão os mais populares:
- – é usado para extrair uma substring, a ser atribuído a um estilo particular, descrito no css;
- – cria um link em uma página da Web; saltar endereço é especificado atributo href;
- – uma das marcas modernas mais populares; Qualquer um que decidiu aprender o básico do HTMLl linguagem deve prestar especial atenção a ele, porque é um elemento de bloco, que é feita com base na parte do leão dos sites de hoje (os parâmetros para blocosão fixados em css, e outras unidades podem ser colocadas dentro desta tag);
– seleciona um parágrafo de texto; o conteúdo do parágrafo está localizado entre as abertura e fechamento;
- – uma lista numerada, os elementos dos quais são como tag par
- ;
-
- – uma lista com marcadores, que, assim como nos elementos numerados são indicadas pela tag
- ;
-
–
– cabeçalhos do documento (o número indica o nível do cabeçalho, ou seja,
– o título principal, e as variações posteriores são as suas legendas, a propósito, os níveis das posições
,
É quase impossível encontrar nos espaços abertos da Internet) também é importante lembrar que uma página pode ter apenas um cabeçalho
;
- – o texto em negrito;
- – itálico;
- – inserir imagens na página web (é uma única marca, não precisa desligar, mas é necessária para especificar o atributo alt, que especifica o texto para uma imagem);
Isso não é tudo as etiquetas necessárias para criar sua própria página web, mas eles são suficientes para estabelecer os fundamentos de HTML para iniciantes.
CSS
desenvolvimento da linguagem HTML levou ao fato de que os atributos de cada tag obzavolsya peso, e os requisitos para a aparência das páginas da Web significa aumentou substancialmente. Código se tornou pesado e inconveniente, era difícil para lê-lo, muito menos para se adaptar ou mudar. Além disso, em seguida, tem que suar, mudando a cada lado, se o seu site dez páginas, em que um monte de manchetes, marcados em verde, e de repente você queria torná-los vermelhos. Com o advento da Cascading Style Sheets, esse processo tornou-se simples e lógico, e o código HTML tornou-se muito mais legível.
aplicando CSS
Para criar páginas da Web, você deve saber o básico de HTML e CSS, por isso é agora, sem o conhecimento de folhas de estilo em cascata para fazer nesta área não é nada. Eles definir atributos para cada elemento, que se aplicam a todo o documento. Assim, você pode definir a cor de uma vez por todas
Para conectar o arquivo css com o documento, há um link tag. Ligeiramente acima descrito princípio da sua utilização, mas não é a única opção que combina todos os estilos em um só lugar. Existe a tag , que está localizado na "cabeça" do documento e permite que você registre estilos sem usar arquivos CSS. Não necessariamente para usar qualquer um ou outro método. Eles podem ser combinados com sucesso para produzir o melhor resultado. Para criar um arquivo com folhas de estilo precisa criar um arquivo com a extensão .css, por exemplo, Styles.css.
JavaScript
Muitas vezes a pessoa que decidiu começar a desenvolver páginas da Web, percebe que sua tarefa não é suficiente dos fundos oferecidos pelo HTML. Fundamentos irá criar uma página bonita, mas o que se de repente você precisa para torná-lo interativo? Para estes fins, há uma linguagem de programação cenário único que interage bem com HTML. Ele é chamado de JavaScript, porque ele foi concebido como um irmão mais novo da linguagem Java popular. Hoje, essas linguagens têm diferenças significativas, ea diferença entre eles só cresce.
JavaScript pode capacitar HTML, que lhe permite criar e editar tags. Também com a ajuda desta ferramenta maravilhosa, você pode trabalhar com Cokie, o download de dados do servidor sem recarregar a página para tornar o site mais interativo do que permitir que as capacidades do HTML. Ele tem a linguagem e as limitações que estão associados com segurança. Se o JavaScript não é usada no lado do servidor, ele será realizado em condições que restringem sua capacidade, que os atacantes poderiam usar códigos maliciosos em qualquer computador.
editores
noções básicas de HTML para o novato assume conhecimento do programa mais conveniente e prático para criação de páginas web. Como descrito acima, os editores visuais, tais como Dreamweaver e semelhantes, não são adequados para estes fins. Então, escrever as tags em um notebook normal? Esta opção também é questionável, uma vez que um notebook padrão não tem nenhum ferramentas especiais para layout. Esta tarefa pode muito bem lidar Notepad ++. Uma grande vantagem deste produto é que é open source e é distribuído gratuitamente. Nele há um conveniente destaque de sintaxe e auto-fechamento tags. Notepad ++ também fornece uma ampla gama de linguagens de interface, e sua capacidade de expandir facilmente com a ajuda de inúmeras adições.
Sublime texto 3 – um programa semelhante ao Notepad ++, mas se espalha com base em honorários. Que ela ganhou os corações da maioria dos desenvolvedores. Sublime Texto 3 ideal para JavaScript, CSS e HTML. Noções básicas do trabalho com ele terá que aprender por conta própria, mas vale a pena. Ele contém as possibilidades verdadeiramente ilimitadas para ajuste fino que maximiza a ajustar o programa para atender às suas necessidades.
Os conceitos básicos de HTML e CSS para iniciantes
Como você pode ver, aprender a arte de criação de páginas web não é tão difícil como parece à primeira vista. A poucos meses de treinamento prático irá transformá-lo a partir de um usuário iniciante tímido para o desenvolvedor. Vorstke aprender muito mais fácil do que aprender qualquer linguagem de programação ou Linux. Na verdade, tags HTML não são muito importante para compreender os aspectos práticos da sua aplicação.
Não estar errado neste negócio é habilidades de trabalho em Adobe Photoshop. Este programa permite que você trabalhe com fotos, imagens e outros elementos gráficos de páginas da web. No momento, "Photoshop" é melhor para lidar com esses problemas, os concorrentes tiveram um pouco. Para aqueles que são produto da Adobe da empresa não chegou ao seu gosto, há Lightroom, GIMP, Illustrator e outros programas com funções semelhantes.
Que dá o conhecimento do HTML
Habilidades na criação de páginas web é muito relevante hoje, como a Internet está se expandindo aos trancos e barrancos. Toda empresa, alguns, mesmo a mais pequena loja, oficinas e clubes desportivos – todos querem ter seu próprio site. E, claro, para isso eles precisam de um desenvolvedor que possui CSS e HTML. Basics fácil de aprender, e depois cabe a praticar. Desde que a tecnologia de layout está em constante evolução, os desenvolvedores front-end estão sempre em demanda. Qualquer um que decide dedicar-se a esta indústria emocionante, nunca será sem trabalho.