DESENVOLVIMENTO WEB

HTML Linguagem de Marcação de Hipertexto

Tags Básicas

usam Atributos p/ estilizar

<HTML> - inicio de um doc html

</head>: cabeçalho de um documento

<body>conteúdo principal – o corpo do documento;

<title> : título da página (exibido na barra de título dos
navegadores

CSS Estilização Pagina

<link> : ligações da página com outros arquivos como
feeds, CSS, scripts, etc.

<style> : definição de formatação em CSS

<meta> : definição de propriedades da página

codificação de caracteres, descrição da página, autor,
etc;

<h1>, <h2> ….<h6> : cabeçalhos e títulos

<p> : novo parágrafo

<br>: quebra de linha

<font>: definição de formatação (fonte, cor e tamanho)

<b> ou <strong>, - negrito

<i> ou <em> - Italico

<u> - sublinhado

<small> - Tam fonte menor

<img> : indicação de uma imagem

HTML TEXTOS

ALIGN - atributo ALINHAMENTO/ center/ left/right/ justify

Tag <pre> - mantem a formatação dentro

Tag <HR> - Linha Horizontal

Atributos

WIDTH: largura da linha

ALIGN: alinhamento da linha

SIZE: espessura da linha (em pixels)

COLOR: cor da linha

NOSHADE: pra linha não estar
sombreada

<!–- Comentário de Página -->

HTML: FORMATAÇÃO DE TEXTO

<font>: definição de formatação (fonte, cor e tamanho)

FACE : nome da fonte a ser utilizada

SIZE: tamanho da fonte

COLOR : cor da fonte

<BODY>

Atributo: BGCOLOR - em função do nome da cor

Atributo: BACKGROUND - imagem para uso como imagem de fundo

Atributo: TEXT - Especificação de uma cor de texto padrão

IMAGEM

Tag<IMG>

Atributo obrigatório: SRC

WIDTH: especificação da largura da imagem (em pixels)

HEIGHT: especificação da altura da imagem (em pixels)

TOP : alinhamento de texto com o topo da imagem

MIDDLE : alinhamento de texto com o centro da imagem

BOTTOM : alinhamento de texto com o rodapé da imagem

Atributo TITLE : especificação de uma mensagem de texto a ser
exibida durante o carregamento da imagem

LINKS

Tag: <A>

Atributo obrigatório: HREF

TABELAS

Tag <Table> - Inicio ou abertura tabela

Atr Border - para borda

<TR> - Nova Linha

<TD> - Conteudo de uma celula da linha

<TH> - Mesma coisa so que em negrito

<CAPTION> - texto de legenda para a tabela ;

ATRIBUTOS

BORDER --- Aplicável apenas à tag <table>

WIDTH --- Aplicável apenas a <table> <td> e <th>

HEIGHT --- Aplicável apenas a <table> <td> e <th>

CELLSPACING - distância (em pixels) entre
células e linhas Aplicável apenas à tag

<table>


CELLPADDING - espaçamento interno das células em relação às bordas Aplicável apenas à tag <table>

ALIGN - <table> <td> e <th> -- left- center - right

VALIGN - Alinhamento vertical - usado <td> e <TH>

BGCOLOR - <TABLE><TH><TD>

COLSPAN - quantidade de colunas ocupadas por um célula - Aplicável às tags e <td> e <th>

ROWSPAN - quantidade de linhas ocupadas por um
célula - Aplicável às tags e <td> e <th>

FORMULARIO

TAG<FORM>

<input> tag de início/término de um campo de entrada de formulário

TYPE: definição do tipo de campo Atributo TYPE: valores admitidos

SIZE: especificação de valor numérico (baseado em
quantidade de caracteres

TEXT : campo de texto simples Padrão

MAXLENGTH: uantidade máxima de caracteres admitidos

VALUE: especificação do conteúdo inicial (O QUE VAI SER ENVIADO)

TITLE: especificação de legenda a ser exibida

PASSWORD: campo de senha

CHECKBOX : campo de múltipla seleção

RADIO: campo de seleção única

FILE: campo de upload de arquivos

SUBMIT: campo clicável (botão) PARA ENVIAR

TAG <TEXTAREA> inserção de caracteres por parte
do usuário

Atributos

NAME: chave de identificação para a área de texto

ID: chave de identificação para a área de texto

COLS: especificação da quantidade de colunas a serem exibidas

ROWS: especificação da quantidade de linhas a serem exibidas

TAG <Select> início (abertura) do campo de seleção

<OPTION> dentro do select

SIZE: quantidade de itens

MULTIPLE: mais de um item,

PHP

Echo- gerar saida em tela

$ declação de variavel

<FORM>

ACTION - script de destino, quer dizer para onde enviamos os dados

method será o método

METODO GET - passar poucas ou pequenas informações

POST - mais seguro, pois não expõe os dados enviados no navegador

mysqli_query - Executa uma consulta no banco de dados