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