O primeiro contato, HTML

Antes de qualquer coisa gostaria de dizer os assuntos a serem tratados aqui nesse curso esses serão: HTML Css Conceitos Web Standards Básico Ajax Básico PHP Utilizando o jQuery Para nosso primeiro assunto vou falar sobre HTML, mas que raios é esse HTML, HTML é uma linguagem estrutural, repito estrutural, ou seja, utilizada na criação da estrutura do web site, mas... Onde criar? Para criação do HTML e todos os outros assuntos tratados nesse curso sugiro a notepad ++ Voltando ao HTML.... Temos o seguinte cod (cod é o mesmo que script ou código): [code] [/code] Você deve ter percebido que todas tags acima seguem um padrão, para ai o que é tag? Tag é o nome que damos para as definições de do código HMTL, então vamos aprender como se define uma tag: // fácil assim “<” abre tag, “tag” digite o nome da tag e feche a tag “>”, mas e essa barra nas de baixo? As barras invertidas significam que acabou o conteúdo da tag? Mas como assim? Como disse o HTML é uma linguagem estrutural, então suas tag servem para definir onde vai cada coisa, a sua utilização é a seguinte: [code] Conteúdo [/code] Para entender melhor imagine que estamos fazendo uma caixa de texto, define onde ela vai começar, é onde ela termina. Tipos de TAG Vou classificar as tags de dois tipos, vazias e Container, tags vazias são tags que não necessitam serem fechadas, ou seja, são formadas unicamente assim Indo direto ao assunto Na formação de uma tag não é simplesmente assim, no caso de um documento XML ou XHTML, são definidas do modo como expliquei acima onde suas especificações ficam em um arquivo aparte denominado DTD. Especificações no Html Agora vamos definir uma tag da seguinte maneira [code] [/code] Novidade “especifição=qnt “ Nessa parte define o que a tag faz, ou seja, se você está mudando a cor um uma tag fonte vai ficar assim [code] texto [/code] No caso a cor do texto dentro da tag font vai ser vermelho. Lista de tags. Nesta lista vou colocar apenas tags que vão realmente serem usadas deixando de lado as tags que estão sendo extintas (essas são as tags básicas na criação de um site). Tags container

---------------------------- definição e parágrafo --------------- definição de negrito

-------------------------definição de caixa

--------------------definição de formulário ------------------------------definição de link --------------------determina tabela ----------------------------determina coluna ---------------------------determina linha em ênfase ----------------------------determina linha E as básicas na estrutura ------------------definição de um cod HTML -------------------definição de cabeçalho da página -------------------definição de corpo da página --------------------determina o titulo do cabeçalho Tags vazias --------------------------------Imagem ------------------------------Utilizada para formulários ------------------------------definição de meta tags, utilizada no cabeçalho da pagina
----------------------------------quebra de linha Especificações src ------------------------------------determina url para alguma coisa href ----------------------------------determina url para um link class----------------------------------define estilo em classe Id--------------------------------------define estilo em ID name--------------------------------define nome de uma tag alt------------------------------------define o texto em imagem caso não a encontre value---------------------------------define o valor de uma tag (normal mente utilizada em formulários) Creio que não me esqueci de nenhuma, caso esqueci postem quais, que depois eu atualizo os erros ou algo assim. Pratica Inserido Imagem [code] [/code] Para inserir imagem utiliza a tag img, e as especificações src e alt, mas eu não usei alt e deu certo! É que o alt serve para a acessibilidade, onde pessoas que utilizam de um leitor de tela ele não descrevem uma imagem, porem lêem o texto alt delas. Na estrutura Para estruturar o site utilize a tag

O site no cod é definido de cima para baixo onde em sua visualização fica da esquerda para a direita, e cima para baixo, sendo assim se você quer criar um site com um menu lateral e uma coluna fica da seguinte maneira [code]

Aqui vai o menu

Aqui vai o conteúdo

[/code] Se você fez esse teste viu que não ficou da maneira desejada, pois não definimos as especificações da div, mas calma isso vai ser outra parte do curso, em quanto isso vão estudando esse básico, uma dica é não se apresar, tudo tem seu tempo, não corra hoje para que tenha que descrever o caminho amanhã. [quote] link parte 2 http://www.newsmade.com.br/?postId=226 [/quote] [quote]Escrito e projetado por Jeison Frasson[/quote]