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

</ html >------------------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