По този начин, можете да дори "Война и мир", за да отпечатате и да постави в мрежата.
Но да речем, че трябва да промените размера на шрифта, за да го даде някакъв цвят, вмъквате изображения, снимки.
Как е той? И тя трябва да се прилага на Hypertext Markup Language - HTML.
Това е езикът, на който можете да "говори" с браузър (Internet Explorer, Opera, Mozilla Firefox, и други).
Ето защо ние продължаваме своето творение с разширение HTML.
Сега извадете index.html, който вместо да запишете файла на вашия работен плот с материала.
Разопаковане. Така че трябва на работния плот са файла index.html и папка док.
HTML-код на сайта на училище
Описание на HTML-код
За по-лесно изучаване, ние сме изобразени цветен код.
Първите 2 линии зелено - това е официална информация за международна стандартизация.
Червен цвят означава, маркери.
Tag (маркер - показалка, етикет) - код за определяне на конкретен елемент на документа,
например: заглавие, връзка, маса. Етикети, които са затворени в ъглови скоби <>.
Повечето етикети, които са сдвоени, тоест, за всеки започнат тагове <Имя>
да има краен маркер л / Име>, където се добавя наклонена черта "/" (наклонена черта) на името на маркер.
Първият маркер в нашия код , и най-новите .
Те маркират границите на HTML-документ.
следния маркер
, и по линия 11 .
Елемент Глава означава глава част,
и предоставя обща информация за браузъра HTML-файла.
След това виждате маркера
(Break или нов ред), същата като на клавиша, за да печатате.
Този етикет е единичен, краен етикет с наклонена черта, това не е необходимо.
Ако искате да добавите отстъп няколко реда, например, напиши
.
По-долу има етикет
(Глава първо ниво).
Общо е на 6 нива: H1 -В най-голямото и H6 -В глоба.
Вътре елемент H1 все още е център (центриран прозорец).
Също така, има са оставени (подравняването от лявата страна) и дясната (привеждане в съответствие от дясната страна).
И вътре в клетката, ние виждаме себе си заглавният текст (в черно).
Това, което не Матрьошка?
Е, по-долу има много обемисти дизайн - TABLE (таблица)
BGCOLOR с атрибути (цвета на фона на таблицата), граничен (дебелина на външната рамка),
ширина (ширината в пиксели на таблицата), привеждане (хоризонтално подравняване).
- Написа тагове самата таблица:
.
- Той създаде 3 линии:
.
- Първият ред създава 3 клетка: | | | .
Във втория - същото 3, в третата - 2 клетки. Всичко е направено да ви хареса.
Сега допълни тагове атрибути.
Ще има нови атрибути:
;
ColSpan = 2 (обединението на две съседни клетки);
valign (вертикално подравняване съдържание)
отгоре (приведени в съответствие с горния ръб), дъно (дъно), средната (центриране).
|
|
|
|
|
И след това напълнете всяка клетка: кодът е въведен между маркерите
и | .
Той е принцип на работа: от прост - за да е трудно.
Ние се справиха със структурата на таблицата. Сега обратно към нашия цветен код.
след маркера
с техните атрибути са на първа линия на маркера .
По-долу - етикет на първата клетка за привеждане в съответствие атрибут на ляво.
И тъй като съдържанието на клетката изпълнява обикновен текст.
Редактиране на HTML-файлове
Сега се опитайте да редактирате сайта обучение.
Две кликвания на левия бутон на мишката, отворете файла index.html.
Поставете кутията на половина на екрана.
Според файла index.html, кликнете с десния бутон - "Отваряне с | Notepad".
Отвори прозореца на Notepad и разширяване на половина.
Така че, ние откри 2 прозореца: един прозорец на браузъра с мястото на обучение и тефтерче с HTML-код на същия сайт.
Промените, направени в Notepad.
Маркерът атрибут BGCOLOR и текст
посочите други цветове, по свое усмотрение.
Маркерът намерете граница атрибут, и вместо две свежда до нула.
Кликнете върху менюто след промяна е направена "File | Save".
След това, в горната част на прозореца на браузъра, щракнете върху бутона "Обновяване".
Всеки браузър може да изглежда по-различно.
|
