Iso 180 8859-1 символи
Існують також інші символи, символи літер грецького та латинського алфавіту, математичні, символи з символікою та спеціальні. Всі їх можна знайти і таблицях довідників.
Порядок і рекомендації щодо виконання роботи
Лінія розриву
Фахівці стверджують, що лінія розриву, створена з використанням закритого </br> елементу є не дуже вдалою, так як вона є одним з елементів, що використовуються для макету, а не для структури чи змісту.
Створюємо page10.html з наступним кодом, щоб продемонструвати лінії розриву:
<h1> Лінія розриву </h1>
<p> Даний параграф буде ефективно демонструвати лінії розриву, що використовуються в блоці рівня елементу.
<br/> Це нова лінія... <br/> а це ще одна нова лінія. Лінія розриву повинна використовуватися тільки всередині блоку рівня елементів. Для досягнення такого ж ефекту за межами цих елементів, необхідно використовувати: - <br/>Cascading Style Sheets. </р>
Переглянувши код програми в браузери, ми отримаємо наступне (рис.1):
Рис.1. Перегляд сторінки page10.html у веб-браузері
Тепер можна створити «домашню сторінку» для особистого веб-сайту. Ми будемо використовувати практично всі елементи, які було досліджено на попередніх лабораторних роботах. Нижче наведений код для нашого сайту. Введіть його у текстовий редактор та збережіть під назвою page11.html:
<h1> <a id=”top”> Домашня сторінка Джонатана Доу </a>
</h1>
<p> Привіт! Мене звати Джонатан Доу і я "новачок" веб-розробник. Я хотів би розповісти вам трохи про себе, тому я збираюся розбити моє життя на п'ять секцій, щоб ви могли його переглянути, якщо забажаєте. </p>
<ol>
<li> <a href="#early"> Мої ранні роки життя </a>
</li>
<li> <a href-"#teen"> В підлітковому віці </a>
</li>
<li> <a href="#job"> Отримання першої роботи</a> </li>
<li> <a href-"#life"> Сімейне життя </a> </li>
<li> <a href="#hobs"> Мої захоплення </a> </li>
</ol>
<h3> <a id="early”> Мої ранні роки життя </a>
</h3>
<p> Я народився в місті Провіденс, Род-Айленд, в 1960 році. Коли мені було чотири роки, ми переїхали в старий будинок, який був трохи зношений. Мій батько придбав його в якості "проекту" в надії на те, щоб виправити його і продати за більші гроші. Він зробив саме це, але не раніше, ніж я був трохи доросліше. Я можу згадати багато про старий будинок. Він був <em> величезний </em>, з трьома поверхами і вісьмома спальнями. Чотири спальні мали свої власні ванні кімнати, а моя кімната була однією з найбільших. Мені пощастило мати мою власну з ліжком королівського розміру - розкіш, яку я не завжди мав у житті. </p>
<p> Мова піде про речі, які я любив робити, коли був дитиною: </p> <ul>
<li> Літати на кайті мого брата </li> <li> Кататися на велосипеді </li>
<li> Грати на гойдалці, що батько побудував в нашому саду </li>
<li> Дивитися телевізор </li> </ul>
<p> <a href=”#top”> До початку </a> </p> <h3> <a id=”teen”> В підлітковому віці </а>
</h3>
<p> В мене був важкий час в школі, під час моїх підліткових років. Я надибав собі проблем з одним моїм оком, яке перестало нормально сприймати кольори, через це інші діти в школі називали мене страшенними іменами. Це дуже сильно впливало на моє навчання. </p>
<p> Я досить добре знав Англійську та Математику, але був <em> жахливим </em> в Науці та Географії. Мій вчитель завжди говорив, що це не має значення, наскільки я гарний в Математиці, якщо я не можу перейти дорогу до класу. </p>
<p> <a href=”#top”> До початку </a> </p> <h3> <a id=”job”> Отримання першої роботи </a>
</h3>
<p> Мій батько мав місцеве підприємство, яке виробляло частини для торгових автоматів, і він запропонував мені роботу у своїй складальній лінії. Це означало б отримувати певну підготовку в області машинобудування, що було б добре, але я просто не бажав працювати на лінії, тому я відмовив йому. </p>
<p> Замість цього я пішов на курси, щоб вивчити редагування відеозаписів. Цей курс тривав п'ять тижнів і в кінці його я отримав гарну кваліфікацію у цій галузі. </p>
<р> За шість місяців я змінив багато робочих місць в локальній мережі, а також розмістив моє резюме на різних інтернет-сайтах. В кінці кінців, маленька виробнича компанія зателефонувала мені і дала роботу в якості молодшого редактора. </p>
<p> Я залишався там протягом трьох років, працюючи на шляху до керівної посади, перш ніж відправитися до Пенсільванії! </p>
<p> <a href=”#top”> До початку </a> </p> <h3> <a id=”life”> Сімейне життя </a> </h3> <p> Я завжди був фанатом Інтернету і досить випадково зустрів жінку онлайн. Ми зустрілися зодом.</p>
<h5> Південне переміщення! </h5>
<p> Кілька років потому ми обвінчалися, і я переїхав до Пенсільванії. Вона вже мала кілька дітей від попереднього шлюбу, і я опинився у самій гущі родинного життя. Моя дружина живе в красивому будиночку недалеко від Філадельфії. Перше, що я зробив після переїзду туди, було придбання одного з відомих Філліпових <strong> Сирних Стейків </strong>. </p>
<p> < a href=”#top"> До початку </a> </p>
<h3> <a id=”hobs”> Мої захоплення </a> </h3> <p> Я великий шанувальник <em> Ster Trek </em>, як великий інтернет-користувач. Я почав будувати мій власний веб-сайт, у тому числі Trek “fan” сторінку! Якщо <em> вас </em> цікавить <em> Ster Trek </em>, завітайте до <a href=”http://www.stertrek.com”> Офіційного <em> Ster Trek </em> веб-сайту </a>, щоб дізнатися про останні "новини" у Trek всесвіті. </p>
<р> Зараз я вчуся використовувати Cascading Style Sheets. You can take ordinary-looking web pages like this one, and turn them into pages that have exciting styles and colors, without resorting to "deprecated" elements.</р> Ви можете взяти звичайні веб-сторінки, як ця, і перетворити їх на сторінки, які мають цікаві стилі та кольори, не використовуючи "не рекомендовані" елементи. </p>
<p> <a href=”#top”> До початку </a> </p> <hr/>
<address> Ця сторінка була створена Джонатаном Доу <br/> © 2009 J.Doe <br/> <a href=”mailto:jdoe@ficticious.com”> E-mail Jon </a></address>
Ви можете помітити, що в код було додано декілька незнайомих елементів. По-перше, це <hr/>, який ставить горизонтальну лінію через всю сторінку. По-друге, це address-елемент, який додає блок тексту в нижній частині сторінки - як правило, для відображення інформації автора. Нарешті, можна помітити “mailto:jdoe@ficticious.com” адресу електронної пошти. Таким чином ви створюєте посилання для відправки електронної пошти. Вам просто треба додати mailto: до фактичної адреси. Електронна пошта користувача буде відкрита, і адресу буде включено в простір для одержувача. Переглянемо сторінку у браузері (рис.2):