4.1a, tags href

Bom, ainda não esquecemos que estamos preparando de você um programador Java, então você só precisa aprender 5 tags.

Em primeiro lugar, esta é a tag mais importante que transforma texto em hipertexto - link . Para criar links em HTML, uma tag <a>(de âncora, âncora) é usada.

O link padrão se parece com:

<a href="link-address">link text</a>

Onde azul é o texto que o usuário vê, e verde é o endereço (link) para o qual ele irá se clicar no texto do link.

Um documento HTML típico contendo links se parece com isto:


<html>
    plain text
        <a href="http://codegym.cc/about">
            Link to something interesting
          </a>
     some other text...
</html>

Não, geralmente é assim:

Java webinar 


<html>
    plain text  <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>

O mundo não é perfeito.

4.2 tag img e atributo src

Para inserir uma imagem em uma página HTML, uma tag <img>(da palavra imagem) é usada. Esta é uma tag única, não possui uma tag de fechamento. Visão geral da etiqueta:

<img src="image link">

Tudo é muito simples. Para exibir uma imagem em seu documento HTML, você só precisa saber o link para essa imagem e usar o img. Experimente, você vai gostar.

4.3 O elemento tabela

Além disso, uma página HTML pode conter uma tabela com dados. Mas aqui você não consegue sobreviver com uma etiqueta, se pensar bem. Afinal, uma tabela possui cabeçalho, linhas, colunas e células. Todos eles criaram suas próprias tags:

  • <table>- a própria mesa;
  • <tr>( tabela r o ) – tabela de linhas;
  • <th>( cabeçalho da tabela h ) – célula do cabeçalho da tabela;
  • <td>( dados da tabela ) – célula da tabela.

Aqui está a aparência de uma tabela 3 por 3 html(com uma linha de cabeçalho extra)


<table>
    <tr> <th>Surname</th> <th>Name</th> <th>Surname</th> </tr>
    <tr> <td>Ivanov</td> <td>Ivan</td> <td>Ivanovich</td> </tr>
    <tr> <td>Petrov</td> <td>Peter</td> <td>Peterovich</td> </tr>
    <tr> <td>Sidorov</td> <td>Kolia</td> <td>Sidorenko</td> </tr>
</table>

Embora agora as tabelas raramente sejam usadas. O fato é que, ao visualizar uma página de um telefone, pode ser útil exibir a tabela de uma maneira diferente (simplesmente não cabe na tela). Mas você ainda precisa saber como as tabelas são organizadas.

4.4 atributos de id e nome

E mais dois pontos importantes são os atributos ide name. Estes são atributos, não tags, mas são usados ​​com muita frequência.

O atributo idtag permite que você dê a ele um nome único em todo o documento . Isso é útil se houver algum JavaScript no documento HTML que altere o valor ou os parâmetros da tag especificada. Então, com a ajuda de exclusivo, idvocê pode se referir com precisão à tag desejada.

Um atributo nameexecuta uma função semelhante, mas seu valor não precisa ser único na página. Ou seja, teoricamente podem existir várias tags com os mesmos nomes. Isso é feito para facilitar o trabalho com grupos de elementos.

Por exemplo, em uma página existem várias listas em cada uma das quais você pode selecionar apenas um item. Então, ao selecionar um novo elemento na lista, você precisa redefinir a seleção dos demais elementos da lista. Mas não toque em outras listas. Isso pode ser feito facilmente se todos os elementos da mesma lista tiverem o mesmo nome.

Qualquer tag pode ter atributos ide name. Exemplo:


<img id="image123" name="avatar" src="link to picture">