Na verdade, um site é composto de páginas da web. Se você quiser entender o que é um site, primeiro deve entender o que é uma página da web.
(1) Uma página da web é na verdade um arquivo no servidor. Quando navegamos na página da web, esse arquivo é baixado para nosso computador local e depois analisado pelo navegador para renderizar várias interfaces bonitas, como tabelas, imagens e títulos. , lista, etc.
(2) Existem muitos tipos de sufixos para arquivos de páginas da web, como .html, .php, .jsp, .asp, etc. Acredito que todo mundo já os viu no endereço do navegador.
(3) Mas não importa qual seja o sufixo da página web, sua essência é a mesma, que é um arquivo de texto simples composto de código HTML.
(4) Podemos usar Notepad, Notepad++, Sublime Text, etc.
(1) Um site pode ser pensado como uma pasta colocada no servidor, que contém muitas páginas da web e muitas subpastas.
(2) Quando um usuário acessa um site, ele lê o conteúdo de um arquivo. Quando um usuário compartilha dados, ele modifica o conteúdo de um arquivo, exclui um arquivo existente ou cria um novo arquivo.
O software de escrita mais comumente usado hoje em dia é o Visual Studio Code, e os códigos futuros também serão escritos no Visual Studio Code.
HTML é uma linguagem usada para descrever páginas da web. HTML é uma linguagem de marcação comum usada na Web. HTML permite formatar texto, adicionar imagens, criar links, inserir formulários, quadros e tabelas, etc., e salvá-lo como um arquivo de texto, que o navegador pode ler e exibir.
(1) HTML refere-se a linguagem de marcação de hipertexto: linguagem de marcação de hipertexto
(2) HTML não é uma linguagem de programação, mas uma linguagem de marcação
(3) A linguagem de marcação é um conjunto de tags de marcação
(4) HTML usa tags de marcação para descrever páginas da web
(5) Documentos HTML contêm tags HTML e conteúdo de texto
(6) Documentos HTML também são chamados de páginas da web
(1) Tags de marcação HTML são frequentemente chamadas de tags HTML
(2) Tags HTML são palavras-chave <tag> entre colchetes angulares
(3) Tags HTML geralmente aparecem em pares <tag>conteúdo</tag>
(4) A primeira tag no par de tags é a tag inicial e a segunda tag é a tag final.
(5) Tags de início e fim também são chamadas de tags de abertura e tags de fechamento
(1) Tags HTML e elementos HTML geralmente descrevem o mesmo significado
(2) Mas, estritamente falando, um elemento HTML contém uma tag inicial e uma tag final
(1) Navegadores da Web (como Google Chrome, Internet Explorer, Firefox e Safari) são usados para ler arquivos HTML e exibi-los como páginas da web.
(2) Os navegadores da Web não exibem tags HTML diretamente, mas usam tags para decidir como exibir o conteúdo da página HTML aos usuários.
A seguir, vamos aprender sobre a estrutura do HTML por meio de um exemplo simples de HTML.
Nota: Após inserir o Visual Studio Code , altere o sufixo do novo arquivo para .HTML, digite ! e pressione Enter para criar a estrutura básica.
O exemplo HTML é o seguinte:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><metaname=viewportcontent=width=device-width,initial-scale=1.0><title>Documento</title></head><body>< /corpo></html>
Análise de exemplo:
● DOCTYPE é uma declaração de tipo de documento de linguagem de marcação universal padrão, que ajuda a exibir páginas da Web corretamente em navegadores. A declaração doctype não faz distinção entre maiúsculas e minúsculas.
●A tag <html> é o elemento raiz da página HTML e a tag final dessa tag é </html>
●A tag <head> contém os metadados do documento
●<meta charset=utf-8> define o formato de codificação da página web como utf-8, o que pode resolver o problema dos caracteres chineses ilegíveis no navegador.
●A tag <title> define o título do documento
●A tag <body> define o corpo principal do documento, ou seja, o conteúdo da página visível na página web. A marca final desta tag é </body>.