Criando uma página html no bloco de notas: esclarecimento para leigos. Cabeçalho de alinhamento central

Tarefa 1: Criando arquivos HTML básicos

Para criar seu arquivo HTML, faça o seguinte:

    Criar uma pasta HTML, no qual salvaremos as páginas da Web criadas.

    Inicie o programa padrão do Bloco de Notas.

    Digite na janela do editor o texto mais simples do arquivo HTML:

Arquivo HTML de treinamento

Horário das aulas de terça-feira

    Salve o arquivo como RASP.HTM.

    Para visualizar a página da Web criada, baixe o navegador Microsoft Internet Explorer.

    Abrir no menu do navegador Arquivo(Arquivo), Aberto(abrir), Visualizar(Visão geral- Navegar) e encontre o arquivo RASP.HTM na pasta KURS e faça o upload. Certifique-se de que o nome da página da Web (Tutorial HTML) seja exibido na barra de status superior do navegador.

Tarefa 2.Controlando o layout do texto na tela

Em formação.

Ao exibir documentos HTML, os navegadores exibem automaticamente o texto na tela, sem tomar levar em conta quebras de linha e espaços consecutivos que ocorrem no arquivo.

    Se necessário, siga p.p. 5-6 tarefas 1.

    Abra a fonte original da página da Web - no menu do navegador Visualizar(Visualizar), Fonte (comoHTML) uma janela será aberta com o programa padrão do Bloco de Notas, no qual sua página da Web é apresentada em comandos HTML.

    Modifique o texto no arquivo HTML colocando as palavras "Schedule", "classes", "Tuesday" em linhas diferentes:

Arquivo HTML de treinamento

Cronograma

Aulas

na terça-feira

    Salve suas alterações no arquivo RASP.HTM usando os comandos Arquivo(Arquivo), Salve (Salve ). Feche o Bloco de Notas.

    Use o Microsoft Internet Explorer para exibir a página da Web recém-recuperada usando a tecla F5 ou os comandos Visualizar(Visualizar), Atualizar (atualizar). A imagem do texto na tela mudou?

Observação

No futuro, depois de fazer alterações na página da Web, siga sempre as etapas 4-5.

Tarefa 3. Marcas de quebra de linha e parágrafo

Em formação.

Existem comandos especiais que realizam uma quebra de linha e definem o início de um novo parágrafo. Além disso, há um comando que impede que o programa do navegador altere a formatação do texto de qualquer forma e permite reproduzir com precisão o fragmento especificado de um arquivo de texto na tela.

Tag de feed de linha
separa uma linha do texto ou gráficos subsequentes. tag de parágrafo

Também separa a linha, mas também adiciona uma linha vazia, que destaca visualmente o parágrafo. Ambas as tags são singleton.

    Faça alterações no texto do arquivo HTML:

Arquivo HTML de treinamento

Cronograma

Aulas

na terça-feira

    4. Salve suas alterações no arquivo RASP.HTM.

    Use o Microsoft Internet Explorer para exibir a página da Web recém-recebida. Como o texto na tela foi alterado?

Tarefa 4. Selecionando fragmentos de texto

Em formação.

As tags de seleção de texto permitem controlar a exibição de caracteres e palavras individuais. Existem três tags de seleção de texto:

… para realçar negrito,

… para realçar em itálico

… para realçar sublinhando.

Arquivo HTML de treinamento

Cronograma Aulas na terça-feira

2. Visualize a página da Web recém-recebida.

É possível usar fontes combinadas:

Cronograma Aulas na terça-feira

Mas, ao mesmo tempo, você deve se lembrar da seguinte regra para escrever tags combinadas:

<Тэг-1> <Тэг-2> … Etiqueta-2>

entrada errada

Tarefa 5: Usando estilos de título

Em formação.

Existem duas maneiras de controlar o tamanho do texto exibido pelo navegador:

    usando estilos de título,

    definir o tamanho do documento principal ou o tamanho da fonte atual.

Existem seis tags de cabeçalho (H1 a H6). Cada tag tem um estilo específico especificado nas configurações do navegador. O estilo H1 é o maior.

    Faça alterações no arquivo RASP.HTM:

Arquivo HTML de treinamento

Cronograma

Aulas na terça-feira

    Visualize a página da Web recém-recebida.

Tarefa 5. Configurando o tamanho da fonte atual.

Em formação.

tag de fonte permite definir o tamanho da fonte atual em locais individuais do texto. O intervalo de configuração de fonte atual é de 1 a 7.

    Faça alterações no arquivo RASP.HTM:

Arquivo HTML de treinamento

Cronograma

aulas para terça

    Altere você mesmo o tamanho da fonte do texto "aula na terça-feira" usando a tag .

    Modifique o texto de um documento HTML usando tags de seleção de texto e tags de quebra de linha e parágrafo.

Tarefa 6. Tipo de letra e cor da fonte

Em formação.

Marcação Fornece controle sobre o tamanho, estilo e cor do texto. A alteração do tipo de letra é feita simplesmente adicionando à tag Atributo FACE. Por exemplo, para exibir texto em fonte Arial, você escreveria .

Para alterar a cor da fonte de uma tag atributo pode ser usado COR="X".

Em vez de X, você deve substituir o nome da cor (entre aspas) ou seu valor hexadecimal. Ao especificar uma cor com um número hexadecimal, você pode representar essa cor decomposta em três componentes:

vermelho (R), verde (G), azul (B), cada um com um valor de 0 a FF.

Exemplos de gravação de cores em formato RGB são mostrados na tabela:

tabela 1

Cor

Cor

Tolet

marrom

laranja

turquesa

    Faça alterações no arquivo RASP.HTM:

Arquivo HTML de treinamento

Cronograma >

aulas para terça

    Altere você mesmo o tamanho, cor, tipo de letra e estilo de texto do documento.

Tarefa 7. Alinhando o texto horizontalmente

Em formação.

As tags HTML controlam o alinhamento horizontal do texto. Se você não especificar o método de alinhamento, todos os elementos do documento serão alinhados à esquerda e terão uma margem direita irregular (consulte a Figura 2).

Navegadores modernos usam o atributo de alinhamento de texto ALINHAR=, que é incorporado em tags de parágrafo ou título.

    Faça alterações no arquivo RASP.HTM:

Arquivo HTML de treinamento

Cronograma>

aulas para terça

Tarefa 8. Definindo as cores do plano de fundo e do texto

Em formação.

Ao exibir o plano de fundo, o texto, os navegadores usam as cores definidas por padrão - elas são definidas pelas configurações do navegador. Essas cores são definidas no início do arquivo HTML na tag . A entrada de cor é semelhante à cor da fonte (ver Tabela 1, parágrafo 12). O atributo BGCOLOR= define a cor de fundo da página, TEXT= define a cor do texto para toda a página, LINK= e VLINK= definem as cores dos links não visitados e visitados, respectivamente (os dois últimos parâmetros serão discutidos posteriormente).

    Faça alterações no arquivo RASP.HTM:

Arquivo HTML de treinamento

BGCOLOR="#FFFFCC" TEXT="#330066">

Cronograma>

aulas para terça

Tarefa 9.

    Experimente com o documento criado. Conforme você redimensiona a janela, veja como o navegador renderiza o texto com quebras de linha forçadas. O que acontece quando a janela encolhe tanto que nem uma única palavra cabe dentro dela?

    Crie você mesmo seu próprio documento HTML. Que seja uma pequena história sobre você e seus hobbies.

Olá queridos leitores do blog! Continuamos a seção "Criando um site do zero", e em particular o tópico das tags ... E hoje consideraremos as tags presentes em qualquer página da web - , e . Há mais uma tag que deveria estar em todo documento HTML e sobre a qual já escrevi em um dos artigos anteriores - então não vamos tocar nela.

Em artigos anteriores da coluna, escrevi sobre como criar um arquivo vazio no formato html. Na verdade, foi usado no artigo profissional (é onde as tags de título foram aplicadas). Agora vamos editar diretamente este arquivo com descrições completas.

E vamos começar o artigo editando o arquivo criado. Pessoalmente, chamei-o de index.html, mas o nome pode ser qualquer coisa. Abra-o com qualquer editor de texto (é melhor usar o Notepad++, pois ele tem realce de código e outros gadgets úteis). E imediatamente adicione tags a ele , e exatamente na ordem em que foram escritos. Não se esqueça de fechá-los como mostrado na captura de tela. O documento ficará assim:

Agora considere o significado de cada tag separadamente. Não é à toa que eles estão em todos. documento HTML.

Funções de etiqueta

Então a etiqueta é um recipiente(). Dentro dele está todo o conteúdo visível e invisível da página web (incluindo tags e ). Etiqueta de abertura vem imediatamente após a declaração Doctype, e o fechamento está no final do documento. Assim, deixa claro para o navegador onde iniciar o processamento do documento e onde finalizá-lo.

Teoricamente, ele mesmo pode entender o que e como. Depois de tudo ? Este é um tradutor de linguagem HTML e é improvável que ele comece a processar a partir do meio do documento e termine antes de chegar ao final. A questão, claro, é discutível, mas sempre pensei (e agora não abro mão da minha opinião) que escrever essa tag é obrigatório.

Mesmo considerando que a função desta tag é apenas em delimitando o conteúdo, ele tem seus próprios atributos (que agora não são usados ​​ou são usados ​​muito raramente). Diferentes fontes indicam atributos que são diferentes uns dos outros, então não me atrevo a apresentar a versão correta.

A única coisa que posso dizer com certeza é que a maioria dos atributos não são suportados pelo HTML 4.01 ou são indesejáveis. Vou dar-lhe um exemplo embora. - dica de ferramenta em qualquer lugar no documento. Por exemplo, quando você passa o mouse sobre uma imagem, pode ver um texto pop-up. Também no caso desta tag:

E aqui está o que você verá quando passar o mouse sobre um documento com este conteúdo:

É preferível usar o atributo title não na tag , mas em quaisquer outras áreas específicas da página. Em primeiro lugar, é conveniente e, em segundo lugar, os mecanismos de pesquisa tratarão melhor seu site. Essa tag não afeta diretamente a otimização de recursos. Nós vamos mais longe.

Função de etiqueta

E o próximo na fila é marcação . Contém toda a informação técnica sobre a página, que serve para ajudar o navegador e os motores de busca. A tag é uma tag de contêiner e segue imediatamente após , só que diferente da última, a tag de fechamento não aparece no final do documento, mas antes da tag de abertura .

Quais informações podem ser encontradas em ? Mas nenhum. Tudo dentro dessa tag só é acessível ao olho humano, visualizando o código-fonte da página. Todo o conteúdo desta tag é para motores de busca e navegadores. A única coisa que você pode ver de alguma forma é a tag , que é responsável pelo título da janela da página da web. Aqui está um exemplo:</p> <p><img src='https://i1.wp.com/monetavinternete.ru/wp-content/uploads/2013/01/Title-v-tege-head.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>O texto após o ícone é o conteúdo da tag <title>. Agora vamos ver o conteúdo. <head>, que não podemos ver, mas que é uma parte muito importante <b>criação e promoção do site.</b> Em primeiro lugar, esta é a linha</p><p> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </p><p>Esta é a metatag para <b>tipo de conteúdo da página</b>(Tipo de conteúdo). Neste caso, este é o código html na codificação UTF-8 (content="text/html; charset=UTF-8"). Em seguida vem a tag de título descrita acima. Em seguida, vêm as linhas começando com a tag <link>. Indica um link para um documento externo. Por exemplo, a linha</p><p> <link href="http://сайт/.../style.css" rel="stylesheet" media="screen" type="text/css" /> </p><p>indica que o arquivo (rel="stylesheet") com (type="text/css") está conectado, localizado em tal e qual endereço (para reduzir o comprimento da linha, substituí metade do endereço por pontos) . Depois de processar essa string pelo navegador, ele determinará onde obter <b>folhas de estilo em cascata</b>.</p> <p>Em geral, há muitas informações na tag head que podem ser comentadas indefinidamente. A última coisa que vale a pena notar (especificamente no caso de ) é a presença de tags de descrição, palavras-chave e canônicas. eu uso <b>plugin Tudo em um pacote de SEO</b>, então eles estão presentes dentro <head>.</p> <p>Como você sabe, tudo que é grande sempre começa pequeno. Se você está interessado na resposta à pergunta de como criar um site por meio de um bloco de notas, deve ter ouvido falar dessa possibilidade em algum lugar. Isso sim é possível. Mas vale a pena mencionar imediatamente que provavelmente ninguém criará um site interativo dinâmico moderno por meio de um bloco de notas no momento, pois existem programas especiais para isso que aceleram e simplificam bastante o processo de desenvolvimento. Mas é bem possível criar uma página da web completa.</p><b>Como criar um site no bloco de notas</b><br>Para começar, é necessário um pouco de familiaridade com a teoria e os termos gerais. A grande maioria das páginas do site são documentos de texto comuns, projetados de uma maneira especial - a linguagem de marcação de hipertexto, abreviada como HTML. Alguns classificam a marcação HTML como uma linguagem de programação, mas isso não é verdade. <p>HTML é apenas uma maneira de padronizar a marcação de documentos que é interpretada exclusivamente pelos navegadores para serem exibidas nas telas dos computadores de forma amigável. A principal ferramenta da linguagem HTML são elementos estruturais especiais, com a ajuda dos quais o documento é elaborado. Eles são chamados de descritores ou tags.</p><p>Em geral, uma tag é uma construção da forma <table>Então a tag começa com< после которого следует название тега table и вся конструкция завершается знаком >. As tags vêm em pares, como fazer texto em negrito <b>e</b> e desemparelhado como uma nova linha <br>. No caso de usar tags pareadas, deve ser usado como tag de abertura <b>, e fechando</b>. A tag de fechamento é um descritor com uma barra /.</p><p>Considere os principais tipos de tags e sua finalidade.</p><ul><li><span><i>Elemento <b><!DOCTYPE html> </b>. </i> Definido para o início da página e serve para informar ao navegador como interpretar este documento. É opcional, mas altamente desejável na página para evitar possíveis problemas com sua exibição. <br></span></li><li><span><i>Marcação <b><html> </b>. </i>É uma etiqueta de par e consiste em duas partes <html>e</html>. Todas as páginas do site começam com essa tag e terminam com ela. <br></span></li><li><span><i>Marcação <b><head> </b>. </i>É também uma etiqueta de par e consiste em duas partes <head>e</head>. Esta tag contém várias informações importantes sobre a página: seu título, links para os estilos de design usados, scripts incluídos, metadados especiais. <br></span></li><li><span><i>Marcação <b><title> </b>. </i> <title>e e localizado dentro da tag . Esta tag define o título da página com a qual ficará visível no navegador.

  • Marcação . É uma tag de par, consiste em duas partes e e segue a etiqueta Na página. Está na tag <body> que contém todas as informações que são exibidas na página no navegador.
  • Marcação . É único. Usado para indicar uma quebra de linha em um documento.
  • Marcação . Refere-se a tags emparelhadas, é escrito de uma forma ligeiramente diferente de outras tags e é usado para criar links. É um elemento essencial de todo o conceito da linguagem HTML, assim como da Internet como um todo.
  • Marcação

    . Refere-se a tags emparelhadas e consiste em duas partes. Com sua ajuda, um parágrafo de texto é elaborado.

  • Tag

    ,

    ,

    ,

    ,
    ,
    . Eles pertencem a tags pareadas, pois consistem em duas tags, por exemplo

    e

    . Essas tags servem para criar seis níveis de subtítulos e, ao mesmo tempo, mostrar a importância do texto contido neles em relação a todo o documento.

  • Marcação . É também uma tag emparelhada, composta por duas partes e e define o estilo da fonte para negrito.
    • No total, são cerca de uma centena de tags, mas as dez consideradas já são suficientes para desenhar a página mais simples do site em um notebook. Etiquetas básicas de documentos , , , <body>distribuídos em uma ordem estrita. Dentro da etiqueta <body>os demais descritores podem estar em ordens diferentes dentro dos padrões da linguagem HTML. A maneira mais fácil de entender isso é criando uma página web simples. <ol><li><span>Inicie o Bloco de Notas e na primeira linha dele defina o elemento<!DOCTYPE html>, que informa ao navegador como interpretar seu documento. <p> <!DOCTYPE html></p></span></li><li><span>Faça uma nova linha e adicione uma tag de par <html>. Traduzir a tag de fechamento</html> duas linhas para baixo. <p> <!DOCTYPE html><br><html></p></span></li><li><span>Adicionar uma etiqueta de par <head>na linha entre as etiquetas <html>e traduza a tag de fechamento</head> duas linhas para baixo. <p> <!DOCTYPE html><br><html><br><head></p><p></head><br></html></p></span></li><li><span>Na linha entre as tags <head>e</head> escreva uma etiqueta de par <title> em uma linha.






  • Insira o título da sua página da web entre as tags e. Por exemplo, assim.




    Minha primeira página do site

  • Posicione o cursor na linha após a tag de fechamento e fazer uma alimentação de linha. Insira uma tag de par na linha vazia que aparece .




    Minha primeira página do site


  • Faça tradução dupla entre tags internas e. Na linha exibida, insira a tag de título emparelhada

    . Digite dentro da tag

    legenda da página.




    Minha primeira página do site


    Sobre mim



  • Após a tag de título de fechamentofaça uma quebra de linha e defina as tags de parágrafo emparelhadas na nova linha. Insira texto entre eles. Por exemplo, sim.




    Minha primeira página do site


    Sobre mim


    Meu nome é Ivanov Ivan. Estou criando meu site.



  • Coloque o nome e o sobrenome em uma tag de par para torná-los ousados.




    Minha primeira página do site


    Sobre mim


    Meu nome é Ivanov Ivan. Estou criando meu site.



  • Após fechar a tag de parágrafo

    execute uma alimentação de linha e insira a tag de par na nova linha

    . Digite algum texto entre as tags.




    Minha primeira página do site


    Sobre mim


    Meu nome é Ivanov Ivan. Estou criando meu site.


    Meu progresso



  • Após a tag de legenda de fechamentofaça uma quebra de linha novamente, insira a tag de parágrafo emparelhada e escreva um texto arbitrário entre essas tags.




    Minha primeira página do site


    Sobre mim


    Meu nome é Ivanov Ivan. Estou criando meu site.


    Meu progresso




  • Das tags listadas no artigo, duas permaneceram inexploradas - feed de linha
    e a tag de construção de links mais importante     . Vamos aplicá-los. Antes da última tag de fechamento, insira um descritor
    , e entre
    e

    construção do tipo. Você deve obter o seguinte.




    Minha primeira página do site


    Sobre mim


    Meu nome é Ivanov Ivan. Estou criando meu site.


    Meu progresso


    A sintaxe básica do HTML foi dominada e a primeira página do futuro site foi criada.
    No processo de treinamento, foram utilizados os materiais do site site



  • Entre aspas em uma tag digite o endereço da página que você irá vincular. Antes da etiqueta você pode inserir a palavra Link, e entre as tags e digite o texto que será exibido na página.




    Minha primeira página do site


    Sobre mim


    Meu nome é Ivanov Ivan. Estou criando meu site.


    Meu progresso


    A sintaxe básica do HTML foi dominada e a primeira página do futuro site foi criada.
    No processo de treinamento, foram utilizados os materiais do site site

    Link: local



  • Com isso, a criação da página mais simples para o site pode ser concluída. Em princípio, poderia ter sido concluído mesmo no ponto 9, mas se você levar a sério o aprendizado da linguagem HTML, a prática adicional não será supérflua. Salve a página com extensão *.html e você poderá abri-la em qualquer navegador para visualizar os resultados do seu trabalho. Se tudo for feito corretamente, você deverá ver algo como o seguinte.
    • Se, depois de ler este artigo, sua determinação de criar um site não secou, ​​certifique-se de se familiarizar com a sintaxe completa da linguagem HTML e também aprender a usar estilos CSS em cascata para o design da página.

    Desenvolvendo Web Sites Usando a Linguagem de Marcação de Hipertexto HTML

    8 ª série

    Lição 1 Estrutura da página da web.

    Conceito de site

    Informações na World Wide Web
    armazenados na forma de sites.
    O site é semelhante em estrutura ao
    uma revista sobre um assunto ou
    problema. Como é composta uma revista
    páginas impressas, e o site consiste
    das páginas da web do computador.
    As páginas da Web são vinculadas por hiperlinks.

    Tipos de site

    oficial (governo,
    Duma, escola...)
    Comercial
    Pessoal

    Vantagens das páginas web:

    Pequeno volume de informações
    ("pulmões")
    Adequado para visualização em diferentes
    SO.
    Dinâmico.
    Interativo.

    Etapas de criação do site:

    1.
    2.
    3.
    Construir site localmente
    computador.
    teste (verifique
    funcionamento correto).
    Postar on-line -
    escolha um servidor de hospedagem
    (pago ou gratuito).

    Programas para criar um site:

    1) o editor de texto mais simples (sem
    formatação de texto):
    Caderno
    2) navegador para visualizar as páginas:
    Internet Explorer
    3) Programa de processamento de imagem:
    photoshop

    Editores visuais da web

    Construir um site em HTML é muito
    trabalhoso, especial
    conhecimento.
    Existem editores visuais da web
    (programas) para a criação de sites.
    Trabalhe no princípio de WYSIWYG
    (o que você vê é o que você obtém).

    Estrutura da página da web

    10. Etiquetas

    A aparência da página da Web é definida pelos administradores
    comandos - tags, que são
    colchetes angulares< >
    As tags podem ser simples (não repetitivas) ou
    emparelhado (contêineres): antes de fechar
    a tag do contêiner é gravada com uma barra (/)

    As tags são escritas em letras inglesas (maiúsculas,
    minúscula).

    11. Estrutura da página da Web

    Todo o código HTML da página
    colocado dentro do principal
    recipiente:
    .
    A página web é dividida em
    2 partes lógicas:
    título (HEAD)
    conteúdo (CORPO).

    12. Título da página da web

    O título da página da Web é encapsulado em um contêiner.
    Contém o título do documento e informações de ajuda sobre a página
    (por exemplo, o tipo de codificação) que o navegador usa para sua
    exibição correta.
    O título da página da web está contido no contêiner<ТITLE> e
    exibido na linha superior da janela do navegador quando visualizado
    Páginas.

    <ТITLЕ>Computador

    13. Escrevendo um modelo de página da Web



    <ТITLЕ>Computador

    14. O conteúdo principal da página web

    O conteúdo principal da página é colocado em
    recipiente .
    Pode conter: texto, tabelas, corrida
    cordas, imagens, links, arquivos de som...
    Vamos colocar o texto "Tudo sobre o computador" na página:
    Tudo sobre computador

    15. Modelo de página da Web



    <ТITLЕ>Computador


    Tudo sobre computador

    16.

    17. Como salvar uma página da web

    1. Crie uma pasta especial para o site e
    salve todos os arquivos do site nesta pasta.
    2. Salve a página da web como um arquivo com
    chamado index.html é a página de título
    site (primeiro carregado no navegador)
    Extensões de arquivo de página da Web - .htm
    ou.html

    18. Criamos nosso site….

    É necessário distinguir entre o nome do arquivo index.html - sob
    qual uma página da Web é armazenada em um arquivo
    sistema e o nome real da página da Web
    "Computador" - é exibido na linha superior
    janelas do navegador e analisado primeiro
    motores de busca.
    O nome da página da Web deve estar no máximo
    grau de relevância para o seu conteúdo.
    1. Digite o código HTML da página da Web no Bloco de Notas.
    2. Salve o arquivo como index.html em uma pasta
    local. Selecione o tipo de arquivo - "Todos os arquivos".
    3. Abra este arquivo em um navegador para visualização.

    19.

    20. LIÇÃO #2

    21. Lição 2: formatação de texto em uma página da Web

    22. Formatação de Texto

    Embora a página não seja muito atraente: letras pequenas e texto em preto
    fundo branco. Mas com a ajuda de tags, você pode decorar o texto.
    1. Títulos: tags de<Н1>(maior) para<Н6>(o menor).
    <Н1>Tudo sobre computador
    2. Fonte (FONT). Algumas tags têm atributos - nomes de propriedades, podem
    assumir determinados valores.
    FONT face="Arial" - tipo de fonte
    tamanho=4
    - o tamanho
    cor="vermelho" - cor
    3. Alinhamento (ALINHAR). O texto geralmente é alinhado à esquerda
    página, no entanto, é costume colocar o título no centro.
    ALINHAR="esquerda",
    ALINHAR="direita",
    <Н1 ALIGN="center">Tudo sobre o computador
    ALINHAR="centro"

    23. Cor da fonte

    O valor do atributo COLOR pode ser definido de 2 maneiras:
    a) o nome da cor (por exemplo, "vermelho", "verde", "azul" e assim por diante),
    b) seu valor hexadecimal RGB "#RRGGBB", onde
    os dois primeiros dígitos hexadecimais definem a intensidade
    vermelho (vermelho), os próximos dois são a intensidade do verde (verde) e
    os dois últimos são a intensidade das cores azuis (azul).
    A intensidade mínima da cor é especificada em hexadecimal
    número 00, e o máximo é FF. Cor azul = "#0000FF".
    Assim, você pode definir a cor azul do título com a tag FONT com
    Atributo COR:
    <Н1 ALIGN="center">Tudo sobre o computador

    24.

    25. Formatação de Texto

    4. A linha horizontal separará
    título do resto do conteúdo
    páginas com uma única tag
    .
    5. Parágrafos:<Р>. Quando visualizado em
    os parágrafos são separados uns dos outros no navegador
    outros intervalos. Para cada parágrafo
    você pode definir um tipo específico
    alinhamento.

    26. Trabalho prático 3.8 Local de treinamento "Computador"

    Formatar texto inicial
    Páginas:
    1) Crie e alinhe 2 parágrafos (tarefa 3)
    2) Destaque o título da página com cores e
    separe-o com uma barra horizontal
    (tarefa 4)

    27.

    28. LIÇÃO 3

    29. Lição 3: Inserindo Imagens em Páginas da Web

    30. Inserir imagens

    As páginas da Web podem conter arquivos gráficos de 3 formatos -
    GIF, JPG e PNG. Se a imagem for salva em um formato diferente,
    deve primeiro ser convertido para um desses
    formatos.
    A tag é usada para inserir uma imagem. com atributo
    SRC, que indica onde o arquivo está armazenado
    computador local ou na Internet.
    1) foto no computador local na pasta com o site:

    2) a imagem está em outra pasta no computador local:

    3) a imagem está localizada em um servidor remoto na Internet:

    31. Texto explicativo. A localização da figura no texto.

    Ilustrações em páginas da Web tornaram-se essenciais
    elemento de projeto. No entanto, os usuários para
    economize tempo às vezes desative os downloads do navegador
    imagens gráficas e textos somente para leitura.
    Portanto, para não perder o sentido da página, ao invés de desenhar
    o texto explicativo deve ser exibido com o atributo ALT

    A posição da figura no texto - define o atributo ALIGN
    marcação : THOR, MEIO, INFERIOR, ESQUERDA, DIREITA.
    ALINHAR="direita">

    32. Vista do site finalizado

    33. Código da página do site


    Computador


    Tudo sobre computador




    Neste site você pode obter várias informações sobre
    computador, seu software e preços para computadores
    acessórios.


    O dicionário terminológico irá apresentá-lo ao computador
    termos, e você também pode preencher um questionário.



    34. Lição 4

    35. Trabalho de teste nº 3

    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    O que é um site?
    Tipos de sites.
    Como as páginas da web são combinadas em sites?
    O que são etiquetas? recipiente de etiqueta? Gravar contêiner principal
    paginas web.
    Qual é a estrutura lógica de uma página da web?
    Liste 5 tags de formatação de página.
    O que é um atributo de tag?
    Quais são as maneiras de definir cores em uma página da web?
    Quais tags são usadas para inserir um título? Formatação
    Fonte? Inserindo um parágrafo?
    Qual tag e seus atributos são usados ​​para inserir imagens?

    36. Lição 4. Hiperlinks em páginas da Web

    37.

    Os hiperlinks permitem que você baixe
    navegador outras páginas da web relacionadas
    do anterior.
    Um hiperlink consiste em 2 partes: endereço
    e um ponteiro de referência.
    O hiperlink está definido como universal
    marcação com o atributo HREF (ele
    especifica qual arquivo é armazenado
    página web desejada):
    ponteiro de link

    38. Tipos de hiperlinks

    1) interno:
    Ponteiro
    links
    2) externo:
    nomedoarquivo.html"> Ponteiro de link

    39. Ponteiros de hiperlink

    Ponteiro - parte visível
    hiperlinks: texto ou imagem

    40. Endereço de parte dos hiperlinks

    Vá para outras páginas da web:
    ponteiro de link
    Abrir imagem no navegador:
    Foto
    Ouça o som (iniciando o navegador embutido
    jogador):
    Som
    Salvar arquivo (inicia o navegador embutido
    gerenciador de download de arquivos):
    ⇬ Fazer download do arquivo

    41. Hiperlink de e-mail

    Este tipo de hiperlink é
    recipiente especial


    ”>Nosso e-mail

    42. Visualização da página do site finalizada

    43. Código da página do site


    Computador


    Tudo sobre computador




    Neste site você pode obter várias informações sobre o computador, seu software
    fornecimento e preços para componentes de computador.


    O dicionário terminológico irá apresentá-lo aos termos de informática, bem como
    você pode preencher o formulário.


    [Programas]  
    [Dicionário]  
    [Acessórios] 
    [Questionário]



    ">E-mail:


    44. Lição 5

    45. Lição 5: Listas em páginas da Web

    46. ​​Tipos de listas

    Numerado
    Rotulado
    Listas de termos (como em um dicionário)
    Listas aninhadas

    47. Lista Numerada

    Lista - em um contêiner
    Item de lista - etiqueta

  • O atributo TYPE é o tipo de numeração (árabe
    números; I - romano; a - latim
    minúscula)

    1. Programas do sistema
    2. Programas de aplicativos
    3. Sistemas de programação

    48. Lista com marcadores

    Lista - em um contêiner
    Item de lista - etiqueta

  • O atributo TYPE é o tipo de marcadores (“disco” é um disco,
    “quadrado” - quadrado, “círculo” - círculo)

    • Editores de texto
    • Editor gráfico
    • Planilhas
    • Sistemas de Gerenciamento de Banco de Dados

    49. Lista de termos

    Lista - em um contêiner

    Item de lista - etiqueta

    O termo é escrito primeiro, depois
    sua definição (como em um dicionário)

    50. Lição 6

    51. Lição 6: Formulários interativos em páginas da Web

    52. O conceito de um formulário interativo

    Para se comunicar com os visitantes do site
    criadores no local da página da web
    formulários interativos.
    Os formulários contêm vários elementos
    controles:
    campos de texto
    listas suspensas
    bandeiras
    comuta...

    53. Campo de texto

    recipiente principal

    Campo de texto - para inserir texto do teclado: tag
    com atributos:
    TYPE="texto" – tipo de conteúdo (texto)
    NAME="____" – nome do campo
    SIZE="40" – comprimento do campo de entrada (em caracteres)

    - separador de linha (mova o cursor para um novo
    corda)

    54. Interruptores (botões de rádio)

    Botão redondo para selecionar um dos vários
    opções de resposta:
    TYPE="rádio"
    Todos os membros deste grupo devem ter
    mesmo nome: NAME="grupo"
    Os atributos VALUE contêm opções
    respostas: VALUE="aluno"

    55. Bandeiras

    Caixa quadrada para selecionar várias respostas de
    opções sugeridas:
    TYPE="caixa de seleção"
    Cada elemento deste grupo deve ter seu próprio nome:
    NOME="caixa1", NOME="caixa2",
    …..
    Os atributos VALUE contêm opções para escolher respostas:
    VALUE=“WWW”, VALUE=“e-mail”, ….
    Cada VALUE tem sua própria resposta.
    www

    56. Caixas de listagem

    Para criar uma lista suspensa
    usar recipiente

    Nele, cada elemento da lista
    dado por etiqueta

    • ARTIGOS RELACIONADOS