Урок 1. Основні теги
Незалежно від того, як виглядає ваша Web-сторінка і яку інформацію ви хочете відобразити, існує три тега, які відповідно до стандартів HTML і WWW повинні бути присутніми в кожній Web-сторінці.
1. і
Ці теги необхідні Web-браузеру для визначення різних частин HTML-документа, але вони не мають прямого впливу на зовнішній вигляд Web-сторінки. Ці теги повідомляють браузерам, що текст між ними слід інтерпретувати як текст HTML. Оскільки документи HTML чисто текстові, тег говорить про те, що файл написаний на мові гіпертекстових посилань.
Для цього наберіть на самому початку файлу. Це буде перше слово, яке з'явиться на вашому екрані. Потім наберіть його напарника . Тепер весь текст, який з'явиться між цими тегами, буде відзначений як текст формату HTML.
2. і
Теги
і відзначають ту інформацію у вашому HTML-документі, яка буде служити назвою.
наберіть
на екрані між тегами , потім на наступному рядку наберіть його напарника - тег .
3. і
Теги
і , як і , призначені для позначення окремої частини HTML-документа. Текст, охоплений тегами , є основною частиною документа.
4. Назва домашньої сторінки
Коли основні теги введені, можна приступити до написання тексту. Це робиться за допомогою тегів
і . Назва домашньої сторінки виводиться браузером на рядку заголовка. Крім того, коли ви встановлюєте закладку на певну сторінку, виводиться і її назва.
Назва Web-сторінки поміщається в головній частині, позначеної тегами
і . Кожен HTML-документ може мати тільки одну назву.
Введіть названіеWeb-сторінки, використовуючи пари тегів ,
, ,
. Збережіть файл і відкрийте вашуWeb-сторінку в браузері.</p>
<h2>Урок 2-3. Введення тексту та іншої інформації</h2>
<p>Web-сторінка повинна містити інформацію, що розповідає відвідувачам про Вас. Введення тексту - це, можливо, найпростіший етап в процесі створення домашньої сторінки, оскільки Ви можете набрати текст безпосередньо в HTML - файлі, і він буде відображений браузером як звичайний текст.</p>
<h2>1. Заголовки</h2>
<p>Після введення назви настав час для створення заголовка, який буде відображений на вашій Web-сторінці. Подібно назвою, заголовки повинні бути короткими і корисними. Існує шість розмірів шрифту заголовків (вони пронумеровані від одного до шести Н1 - Н6, причому перший номер відповідає найбільшому шрифту). Теги заголовків відрізняються від тегів <HEAD> і </HEAD>. Вони визначають не розділ документа, а вид тексту на екрані.</p>
<p>Щоб скористатися заголовком з розміром літер першого номера, потрібно обо-значити виділяється текст тегами <Н1> і </Н1>.</p>
<p>Спробуйте ввести приклади заголовків різного розміру із зазначенням останнього. Цей текст повинен розташовуватися в частині, відокремленою тегами <BODY> і </BODY>.</p>
<p>Так виглядітHTML-код після вставки тегів:</p>
<h4>Схожі статті</h4>
<ul>
<li>
<p><a href="/articles/flash-hmara-tegiv-na-zvichajnij-html-storinci.php">Flash хмара тегів на звичайній html сторінці, створення і розробка сайтів - nikita spivak</a></p>
</li>
<li>
<p><a href="/articles/majster-klas-zi-stvorennja-kvitiv-z-kapronu-buket.php">Майстер-клас зі створення квітів з капрону букет ірисів</a></p>
</li>
<li>
<p><a href="/articles/5-instrumentiv-stvorennja-rozshivki-modeli-litaka.php">5 Інструментів створення розшивки моделі літака, kramscalemodels</a></p>
</li>
</ul>
</div>
</article>
</div>
</div>
</div>
<footer class="igrzom-footer clearfix">
<ul>
<li><a href="/articles/404-takij-storinki-na-zhal-nemae.php">404 Такий сторінки на жаль немає</a></li>
<li><a href="/articles/nihto-ne-vmie-robiti-vse-dobre-z-samogo-pochatku.php">Ніхто не вміє робити все добре з самого початку</a></li>
<li><a href="/articles/jak-zberegti-bekap-vashogo-wordpress-sajtu-za.php">Як зберегти бекап вашого wordpress сайту за допомогою google drive</a></li>
<li><a href="/articles/najvirnishi-narodni-prikmeti-pro-mishej.php">Найвірніші народні прикмети про мишей</a></li>
<li><a href="/articles/cholovik-vvazhae-mene-durepoju-jak-buti-forum.php">Чоловік вважає мене дурепою! Як бути, форум</a></li>
</ul>
<p>© Copyright 2016 - 2024 | Всі права захищен</p>
<br>
<p><a href="/privacy.php">Privacy Policy</a></p>
<!--LiveInternet counter--><script type="text/javascript">
document.write("<a href='//www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
</script><!--/LiveInternet-->
</footer>
</div>
</div></body>
</html>