4.1 a, href тагове
Е, все пак не забравяме, че подготвяме Java програмист от вас, така че трябва да научите само 5 тагова.
Първо, това е най-важният таг, който превръща текста в хипертекст - връзка . За създаване на връзки в HTML се използва таг <a>
(от anchor, котва).
Връзката по подразбиране изглежда така:
<a href="link-address">link text</a>
Където синьо е текстът, който потребителят вижда, а зелено е addressът (връзката), до който ще отиде, ако кликне върху текста на линка.
Типичен HTML document, съдържащ връзки, изглежда така:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
еще Howой-то текст
</html>
Не, обикновено изглежда така:
<html>
plain text <a href="http://codegym.cc/about">Link to something interesting</a> еще Howой-то текст
</html>
Светът не е идеален.
4.2 img таг и src атрибут
За да вмъкнете изображение в HTML page, се използва таг <img>
(от думата изображение). Това е един таг, той няма затварящ таг. Общ изглед на етикета:
<img src="image link">
Всичко е много просто. За да покажете изображение във вашия HTML document, просто трябва да знаете връзката към това изображение и да използвате img
. Опитайте, ще ви хареса.
4.3 Елементът table
Освен това една HTML page може да съдържа table с данни. Но тук не можете да минете с един етикет, ако се замислите. В крайна сметка tableта има заглавка, редове, колони и клетки. Всички измислиха свои собствени етикети:
<table>
- самата маса;<tr>
( table r row ) – ред table;<th>
( t table h header) – клетка за заглавка на table;<td>
( t table data ) – клетка на table.
Ето How би изглеждала table 3 на 3 html
(с допълнителен заглавен ред)
<table>
<tr> <th>Surname</th> <th>Name</th> <th>Surname</th> </tr>
<tr> <td>Ivanов</td> <td>Ivan</td> <td>Ivanович</td> </tr>
<tr> <td>Peterов</td> <td>Peter</td> <td>Peterович</td> </tr>
<tr> <td>Сидоров</td> <td>Коля</td> <td>Сидоренко</td> </tr>
</table>
Въпреки че сега масите се използват рядко. Работата е там, че когато разглеждате page от телефон, може да е полезно tableта да се покаже по различен начин (тя просто не се побира на екрана). Но все пак трябва да знаете How са подредени масите.
4.4 id и name атрибути
И още две важни точки са атрибутите id
и name
. Това са атрибути, а не тагове, но се използват много често.
Атрибутът на id
етикета ви позволява да му дадете име , което е уникално в рамките на целия document . Това е полезно, ако има няHowъв JavaScript в HTML documentа, който променя стойността or параметрите на дадения таг. След това, с помощта на уникален, id
можете точно да се обърнете към желания етикет.
Атрибутът name
изпълнява подобна функция, но стойността му не е необходимо да бъде уникална в рамките на pageта. Тоест теоретично може да има няколко етикета с еднакви имена. Това се прави, за да се улесни работата с групи от елементи.
Например, на една page има няколко списъка, във всеки от които можете да изберете само един елемент. След това, когато избирате нов елемент в списъка, трябва да нулирате избора на останалите елементи от списъка. Но не докосвайте други списъци. Това може лесно да се направи, ако всички елементи от един и същ списък имат едно и също име.
Всеки таг може да има Howто атрибути, id
така и name
. Пример:
<img id="image123" name="avatar" src="link to picture">
GO TO FULL VERSION