Antes de explicar este curso: vamos dar uma olhada no que é um navegador:
O chamado navegador é uma ferramenta que pode interpretar e executar o código HTML. Há outro conceito que precisamos descobrir, navegador! = Ou seja, ou seja, é apenas um dos navegadores. Além do IE, existem muitos navegadores, você pode conhecê -lo pelo Google. Não vamos entrar em detalhes.
Primeiro, vamos entender o que é HTML
O que é htmlO nome completo do HTML: linguagem de marcação de texto hiper (linguagem de marcação de texto hiper). É o texto que descreve a aparência da página da web e o conteúdo da página da web. A razão pela qual o HTML pode mostrar vários efeitos é a função do navegador.
Conteúdo suplementar: aqui vamos expandir algum conteúdo, que é o mesmo texto HTML, e o efeito pode ser diferente sem o navegador. Isso ocorre porque vários navegadores aparecem primeiro e depois os padrões correspondentes estão disponíveis. Dada essa situação, podemos usar o IETESTER para testar os problemas de compatibilidade do mesmo código HTML em diferentes navegadores.
2. Páginas estáticas e páginas dinâmicas
Outra coisa que precisamos saber é a diferença entre páginas estáticas e páginas dinâmicas.
Primeiro de tudo, as páginas de um site são divididas em páginas estáticas e páginas dinâmicas.
Página estática: Todas as páginas estáticas com sufixos html ou html são páginas estáticas e há uma página fixa HTML no servidor.
Página dinâmica: não há página no servidor que os usuários precisam navegar, mas o servidor pode gerar dinamicamente as páginas HTML exigidas pelo cliente e exibi -las para o cliente.
Para resumir a diferença entre os dois em uma frase: páginas dinâmicas executam o código do lado do servidor, as páginas estáticas não executam o código do lado do servidor (você pode aprender sobre isso primeiro, tudo bem, afinal, as páginas estáticas são o foco de nossa discussão hoje)
3. Como escrever uma página HTML?
Existem muitas ferramentas para escrever HTML. Eu acredito que todo mundo conhece o bloco de notas e você pode escrever páginas HTML com bloco de notas. Obviamente, você também pode escrever com blocos avançados como EditPlus/UltraEdit ou usar ferramentas como o Dreamweaver.
A figura a seguir é a estrutura básica de uma página da web html
Na figura acima, podemos ver que todo o conteúdo está dentro da tag <html> </html>; <head> </head> coloca as informações da cabeça e a descrição da página não será exibida na página. O título da página está definido em <title> </title> e <title> só pode ser colocado em <head>; <body> </body> é o corpo principal da página, e o texto nesta tag será exibido na página da web. É claro que todas as páginas devem conter pelo menos essas peças.
Dica: se a etiqueta final da tag de título não estiver fechada, a página inteira não será exibida.
4. Similaridades e diferenças entre HTML e XML
Similaridades: são todos idiomas de marcação, podem ser acessados através do DOM e podem ser alterados através do CSS
Diferenças:
O XML é mais rigoroso que a sintaxe HTML: se houver uma tag de início, você precisará ter uma etiqueta final, caso consistente, citações duplas de atributos, etc. XML se concentra no armazenamento de dados, enquanto o HTML se concentra na exibição de dados.5.xhtml e dhtml
XHTML: linguagem de marcação extensível, é um HTML que está mais alinhado com a especificação de sintaxe XML. O surgimento de XHTML é principalmente para fazer a transição para XML. XHTML Requer: Todo minúsculo, emparelhamento de tags e atributos em cotações duplas.
DHTML: A abreviação do HTML dinâmico é HTML dinâmico. Combinação de HTML, folhas de estilo e JavaScript
Suplemento: os padrões da Web não são um padrão, mas uma coleção de séries de padrões.
A página da web consiste em três partes: estrutura, desempenho e comportamento
Estrutura: texto, imagens e outros idiomas correspondentes: xml, xhtml
Expressão: também conhecida como estilos, como tamanho e cor de texto, etc. Eles também são alcançados através de estilos. CSS
Comportamento: O efeito dinâmico do cliente é geralmente concluído através do JavaScript. DOM, ECMAScript
Em seguida, vamos ao tópico: aprenda tags comumente usadas para HTML.
6.html tag
01, t tag (título), html define seis tags h de <h1> </h1> a <h6> </h6>, representando fontes de tamanhos diferentes, respectivamente. H1 é o maior e H6 é o menor.
02, <br/> Basta entrar, é a etiqueta que se fecha
03, <p> é segmentação. <p> Haverá espaços em branco relativamente grandes antes e depois, mas não haverá não.
04, <Center> Center </fenter> Centro> Centro. (Não recomendado)
05, <b> a </b> Bold, recomendado. <i> b </i> itálico. <u> c </u> sublinhado. Imperatriz <em>, itálico </em>
06, <Font> </font> Tag de font, <font color = "Red" size = "7" face = "lishu"> vermelho </font>
07, <HR> Propriedades comuns das linhas horizontais: tamanho da cor (espessura) Largura (comprimento) alinhamento = esquerda/centro/direita (o padrão é exibido na reprodução)
7.html caracteres especiais
"
& & amp;
<& lt;
> & gt;
Espaço & nbsp;
© & Copy;
® & reg;
² & sup2;
¥ & iene;
³ & sup3;
8. Extensão de formato de imagem
9. Tag de imagem: <img alt = "texto rápido quando não pode ser exibido">
ALT: O texto rápido quando a imagem não pode ser exibida.
10. Hyperlink:
Href aponta para a página de destino a ser conectada, o alvo apontando para a janela de destino é o valor e o valor é tomado
_blank: abre na nova janela
_self: aberto em sua própria janela
_parent: aberto na janela dos pais
_top: significa abrir na janela de nível superior
Nome do quadro: abre no quadro especificado. (aprender)
Link para âncora: 01 Defina a posição da âncora
<a nome = showbigimg> <img src = imagem/02.jpg> </a>
02. Chamando a âncora
<a href =#showbigimg> Veja mulheres lindas </a>
11. Lista em HTML:
Dividido em listas não ordenadas, listas ordenadas e listas definidas
Vejamos os diagramas de efeito de exibição de várias listas
Lista não ordenada:
<ul>
<li> </li>
<li> </li>
</ul>
Lista ordenada
<ol>
<li> </li>
<li> </li>
</ol>
Lista de definições:
<Dl>
<dt> China </dt>
<dd> shanghai </dd>
<DD> Guangzhou </dd>
<dd> Pequim </dd>
</dl>
O valor do tipo pode ser: 1 , a, a, i, i, disco, círculo, quadrado.
12. Tabela: exibe dados regulares, às vezes usados para o layout.
Como pode ser visto na figura acima, uma tabela consiste em linhas e colunas, as linhas são representadas por TR e as colunas são representadas por TD. Você também pode usar linhas de linhas (linhas de mesclagem), colspan (e paralelo) para mesclar células.
Exercício 1: Use o código HTML para produzir a tabela
Exercício 2: linhas cruzadas e colunas cruzadas de mesas
13. Forma
Ação Envie dados a esta página por padrão
Se você deseja enviar dados para o servidor, precisará colocar elementos de formulário como <input>, <sexttarea>, <select> etc. no formulário. O valor do tipo de entrada é o seguinte:
O atributo verificado é preparado para botões de rádio e caixas de seleção.
Os botões de rádio são usados para um conjunto de valores mutuamente exclusivos, o diagrama de efeitos é o seguinte
O diagrama de efeitos da caixa de seleção é o seguinte
Existem três tipos principais de botões: enviar botão de envio, botão de redefinição e botão normal
Caixa de listagem suspensa
gramática:
14. Caixa de texto de várias linhas:
<Textarea> Text </sexttarea>, cols = "50", linhas = "15" atributos representam o número de linhas e colunas.
Os elementos de forma comuns usam:
Este é o fim de nossa discussão sobre HTML hoje.