|
Частина 2 Вставка звукових файлів на сторінку <bgsound src="назва звукового файлу.mp3"> — відтворення звукового файлу при відкритті сторінки <embed src="назва звукового файлу.mp3"> — відтворення звукового файлу при відкритті сторінки, при цьому з’являється панель регулювання відтворення <a href="назва звукового файлу.mp3"> — посилання на звуковий файл (аналогічно до гіперпосилань)
Деякі кольори
Коди спецсимволів
Структура документу: <HTML> - повідомляє браузеру, що далі слідує текст, який слід інтерпретувати як HTML документ. <HEAD> - виділяють заголовок документа, в якому міститься службова інформація. <TITLE> ... </TITLE> - виділяють назву сторінки, яка відображається в заголовку вікна браузера|. </HEAD>
<BODY> - виділяють основну частину – “тіло” – web-сторінки. ... ... </BODY> </HTML>
Атрибути тега BODY <BODY bgcolor=”колір”> – атрибут задає колір фону сторінки. <BODY background="URL\*.jpg"> – атрибут заповнює сторінку графічним малюнком, якщо графічний файл в одній папці із сторінкою указується тільки ім'я файлу. <BODY text=”колір ”> – задає базовий колір шрифту для сторінки.
Оформлення смислових частин сторінки абзацами. <P>…</P> – тег розбиває текст на параграфи (абзаци). <BR> – обриває рядок і починає новий. <NOBR>…</NOBR> – забороняє перенос тексту на інший рядок. <WBR>…</WBR> – дозволяє розривати довгі слова (наприклад, при виведенні довгих медичних термінів). <!- - … - -> – тег коментарів. Текст розміщений в цьому тегі не відображається комп’ютером
2. Теги заголовків. Зміна розміру шрифту. Горизонтальні лінії. Параметри вирівнювання тексту. Зміна зображення символів. <Hn>…</Hn> – тег керує розміром символів в заголовках (1≤n≤6) <BIG>...</BIG> – збільшує розмір шрифту на 10% в порівнянні з базовим. <SMALL>…</SMALL> – зменшує розмір шрифту на 10% в порівнянні з базовим. <PRE>…</PRE> – позначає фрагмент тексту форматування якого здійснено наперед. Зручно використовувати при виведенні програм на мовах програмування, при виведенні тексту, що містить спеціальні символи, в деяких випадках замінює тег <NOBR>…</NOBR> <HR> – тег горизонтальної лінії, може бути засобом організації тексту і дизайну. align=Left (Right, Center) – вирівнювання лінії на сторінці. saze=n – товщина лінії в пікселях (1n175) за умовчанням 2 пікселі. color=”колір” – колір|цвіт| лінії задається назвою кольору або 16-ковим кодом width=n% – ширина лінії у відсотках до ширини екрану. noshade – атрибут без параметра, показує об'ємні лінії, встановлюється за умовчанням. shade – атрибут без параметра показує контур лінії, якщо заданий колір, атрибут не працює. <Left> ... </Left> – вирівнювання тексту по лівому краю сторінки. <Right> ... </Right> – вирівнювання тексту по правому краю сторінки. <Center> ... <Center> – вирівнювання тексту по середині сторінки. <BR> – обриває рядок і починає новий. <B>…</B> – виділення напівжирним шрифтом. <I>…</I> – виділення курсивом. <SUB>…</SUB> – нижні індекси. <SUP>…</SUP> – верхні індекси. <S>…</S> – закреслений текст <U>…</U> – підкреслений текст <DEL>…</DEL> – виділяє текст (закресленням), який необхідно позначити як видалений (застарілий). <INS>…</INS> – виділяє текст (підкресленням), який необхідно позначити як вставлений. <ABBR>... </ABBR> – використовується для виділення абревіатур. <ACRONYM>... </ACRONYM> – використовується при виділенні акронімів (наприклад: і т.д.; і т.п.). <ADDRESS> . . . </ADDRESS> - виділення контактної інформації – електронної або поштової адреси, телефону і т.д. 3. Додаткові можливості форматування. Завдання атрибутів окремим розділам сторінки. Елемент "рядок, що біжить".
<BASEFONT> – тег, що визначає базовий стиль тексту сторінки. size=n – установка фактичного розміру шрифту£ (1 n £ 7) size=k – встановлює відносний розмір символів тексту (1£ nk £ 7). color= – колір символів face= – тип шрифта <FONT>…</FONT> – визначає стиль елементу сторінки, атрибути такі ж, як у попереднього тега <BASEFONT> <BDO >…</BDO> – дозволяє змінювати напрям тексту dir=LTR – зліва направо (RTL – справа наліво)
<BLOCKQUOTE>…</BLOCKQUOTE> – позначає цитату, текст цитати розташовується з відступом від лівого краю вікна і може використовуватися в самих різних випадках. Якщо необхідно, лапки задаються явним чином site=URL – адреса джерела цитати, якщо вона з Інтернет <Q>…</Q> – використовується для виділення цитати усередині абзацу. <MARQUEE> ... </ MARQUEE > – рядок символів, що біжить. bgcolor= колір – колір фону. height= n – висота рядка в пікселях (k% – висота рядка у відсотках) aling= ... – вирівнювання (top – по верхньому краю, middle – по центру, bottom – по нижньому краю). direction= ... – напрям руху рядка (left, right). behavior= ... – поведінка рядка (scroll – безперервний рух, slide – вийшла і зупинилася,alternate – реверс) loop= . – кількість проходів рядка (значення: число). scrollamount= . – швидкість руху рядка (значення: число). scrolldelay= . – часовий інтервал між кроками в мілісекундах (значення: число), рядок може рухатися ривками.
<UL> … </UL> – організація інформації у вигляді маркірованого списку. type=circle – тип маркера у вигляді кружка (disk – кільце, square – квадратик). <OL> … </OL> – організація інформації у вигляді нумерованого списку. start=”n” – номер з якого починається нумерація type=” … ” – вид нумерації – A – заголовні латинські букви, а – малі латинські букви, I - римські цифри заголовними латинськими буквами, i – римські цифри малими латинськими буквами, 1 – арабські цифри. <LI> – пункт списку і маркірованого і нумерованого. <DL> … </DL> – тег, що описує списки визначень. <DT> – пункт списку (термін). <DD> – визначення пункту списку (терміну), для пункту списку може бути представлені декілька визначень. 2. Розміщення інформації в таблиці. Об'єднання осередків. <TABLE> … </TABLE> – тег, що описує таблицю. аlign= – вирівнювання таблиці по горизонталі (значення: Left, Center, Right). width= ширина таблиці (значення: число в пікселях або число% у відсотках до ширини вікна браузера). bgcolor= – колір заливки елементів таблиці, задається стандартним чином. border= – показує на екрані сітку таблиці (значення: число – товщина лінії), якщо параметр рівний 0 лінії не видно. background=”URL” – адреса файлу того, що містить фоновий малюнок. <TC> … </TC> – заголовок таблиці. <TH> … </TH> – заголовки рядків і стовпців. colspan=n – об'єднання клітинок в рядку n – кількість об'єднуваних осередків. <TR> … </TR> – визначають рядки таблиці. <TD> … </TD> – розбивають рядок на осередки. align= – вирівнювання тексту в осередку по горизонталі (Left, Center, Right). valign= – вирівнювання тексту в осередку по вертикалі (Top – по верхньому краю; Middle – по середині; Bottom – по нижньому краю). rowspan=n – об'єднання осередків в стовпці, n – кількість об'єднуваних осередків. 3. Вставка малюнка на сторінку.
<IMG src=URL> – розміщення картинки на сторінці, якщо картинка в тій же теці що і сторінка указується її ім'я, наприклад: <IMG src=dog.jpeg> інакше указується повна адреса:<IMG src=http://www.ecc.crimea.ua/dog.jpeg> alt=”Підпис до картинки” – виводиться на екран якщо у браузера відключений режим показу картинок або картинка не знайдена; title=”Підпис до картинки” – виводиться на екран при наведенні на картинку покажчика миші; align=”…” – позиціонування картинки щодо тексту; width=”…” – вертикальний розмір картинки (значення: число) – задається в пікселях; height=”…” – горизонтальний розмір картинки (значення: число) – задається в пікселях, якщо заданий тільки один параметр, другий, – змінюється пропорційно (зменшення розміру не скорочує часу завантаження). 4. Використання гіперпосилань на сторінці. Прості сайти. Навігація по сайту з використанням фреймів.
<A>”Елемент”</A> – тег гіперпосилання, href=URL – атрибут, вказуючий адресу документа; href=”http://www.netscape.com” – посилання указує на документ що знаходиться мережі Інтернет; href=”file:///C:/temp\text.txt” – посилання указує на документ на локальному диску; href=”../my web/my photo.jpeg” – посилання указує на документ що знаходиться в теці того ж рівня; href=”./my web/my photo.jpeg” – посилання указує на документ, що знаходиться у вкладеній теці; href=”mailto:kalamit@ecc.crimea.ua” – викликає діалог відправки електронного повідомлення за вказаною адресою. title=”Підпис до посилання” – виводиться на екран при наведенні на посилання покажчика миші (якщо посилання на великий документ або малюнок правила хорошого тону рекомендують указувати тут розмір файлу);
Тег BODY має атрибути, які дозволяють змінити кольори посилань: link=”.” – колір посилань, що не використалися, на сторінці (задається стандартним способом); vlink=”.” – колір посилань, що використалися, на сторінці (задається стандартним способом); alink=”.” – колір активного посилання на сторінці (задається стандартним способом);
<A name=”Lab1”><H2>”Мои увлечения”</H2></A> – елемент (якір) – розділ на сторінці, на який указує посилання. <A href=”#Lab1”>”Увлечения”</A> – посилання на розділ сторінки. |