1. Introdução ao HTML
HTML (Hyper Text Markup Language) é uma linguagem de marcação de hipertexto. Ele conecta textos, gráficos, animações, sons, tabelas, links, etc. na Internet em um todo por meio de uma série de tags. As informações que precisam ser expressas são gravadas em arquivos HTML de acordo com certas regras, reconhecidas por um navegador dedicado, e esses arquivos HTML são “traduzidos” em informações identificáveis, ou seja, a página web que você vê agora. Fornece conveniência para as pessoas encontrarem e recuperarem informações.
2. Classificação de páginas web
Dividido em páginas da web estáticas e páginas da web dinâmicas
(1) Páginas da web estáticas: as páginas da web em formato HTML puro só podem fornecer navegação. Não importa quando e onde sejam navegadas, elas exibirão a mesma forma e conteúdo, o que significa que não poderão interagir com o site. Em páginas da web estáticas, a estrutura principal de toda a página da web e o controle de exibição da página da web são implementados usando HTML. As extensões de páginas estáticas são geralmente .htm, .html, .shtml e .xml.
As páginas da web estáticas só podem exibir texto e imagens na página da web. Sua função pode parecer simples, mas é o elemento básico de todas as páginas da web e sua importância é evidente.
Em páginas estáticas da web, vários efeitos dinâmicos podem aparecer, como animação em formato .gif, flash, rolagem de letras, etc. Esses “efeitos dinâmicos” são apenas visuais e são conceitos diferentes das páginas dinâmicas da web.
(2) Páginas da web dinâmicas: páginas da web que usam tecnologia dinâmica. O conteúdo da página da web pode mudar automaticamente de acordo com as alterações em determinadas condições. Diferente das extensões de páginas da web estáticas, as extensões de páginas da web dinâmicas são .asp, .jsp, .php, .perl, .cgi, etc., e há um símbolo icônico "?"
3. Marcar
Símbolos usados em HTML para descrever funcionalidades.
As tags devem ser colocadas entre colchetes angulares "<>" quando usadas. O navegador interpretará a marcação dentro dos colchetes angulares. As principais tags comumente usadas em HTML são <html>, <head>, <title> e <body>.
Os marcadores são divididos em marcadores simples e marcadores duplos:
(1) Tag única: basta inserir o nome da tag entre colchetes angulares. Uma única tag representa uma função e não tem escopo.
Formato: <tag>
Como marca de quebra de linha: < br>
(2) Marca dupla: A marca tem início e final, e a marca frontal é consistente com a marca seguinte, mas há uma barra antes desta última marca.
Formato: <mark>Jingrui Youzhi</mark>
Como marca de parágrafo;
4. Composição de marcação HTML
<html><head><title>Rede de linguagem C</title></head><body><h1>Como fazer bom uso da rede de linguagem C? </h1><p>Há muitas dúvidas na rede da linguagem C</p></body></html>
Uma página HTML completa é, na verdade, composta de pares de tags (é claro que há exceções).
(1) <html></html>: As tags de abertura e fechamento da página web.
(2) <head>< /head>: As tags de início e fim das informações do cabeçalho da página web;
(3) <body>< /body>: as tags de início e fim do corpo principal da página web;
(4) <title>< /title>: As tags de abertura e fechamento do tema da página web;
(5) <p>< /p>: As tags de início e fim do parágrafo da página da web
5. Tecnologia de layout de página da web
(1) Tecnologia de layout de tabela: O layout de tabela era mais comum no passado, que consiste em colocar vários textos, materiais de imagem, etc. necessários em uma tabela sem bordas. objetos A desvantagem é que o uso de muitas tabelas aumenta a quantidade de dados da página da web e afeta a velocidade de download da página.
(2) Tecnologia CSS (Cascading Style Sheet): Também conhecida como tecnologia de layout DIV + CSS, ela pode posicionar texto e imagens com precisão, separar dados e formatar e reduzir bastante a quantidade de dados na página da web. CSS é um pouco difícil para iniciantes, mas é realmente um bom método de layout e agora é a tecnologia de layout de página da web mais comumente usada.