Curso de web parte 1 - xhtml

O Jeison Frasson escreveu (ou copiou) isso no dia 31/05/2009, e alterou 11/04/2016 Voltar

Aqui iremos aprender um pouco sobre xhtml, entender o que são tags e seus funcionamentos, espero que sejá útil já que é um artigo bem antigo que estou republicando

##Entendendo o HTML Temos o seguinte cod (cod é o mesmo que script ou código): ´´´html ´´´ 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: ´´´html Conteúdo ´´´ 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 ´´´html ´´´ 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 ´´´html texto ´´´ 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 ´´´html ”teste” ´´´ 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 ´´´html
Aqui vai o menu
Aqui vai o conteúdo
´´´ 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 apreçar, tudo tem seu tempo, não corra hoje para que tenha que descrever o caminho amanhã.

Comentar

Quase todos direitos reservados a Newsmade
Curso de web parte 1 - xhtml | Newsmade