Пример создания простой html страницы. Как создать html- документа в блокноте. В первом уроке мы уже рассмотрели маленький пример создания html- страницы. Теперь создадим более сложную страничку. Хочу отметить, что я буду объяснять как это сделать без применения специальных программных средств. Все, что понадобится - обычный блокнот от Windows. Можете скачать Notepad++, он будет подсвечивать теги. Пошаговое руководство создания создания веб-странички на html через блокнот. Создание элементов диалога (кнопок и др.) примеры создания простейших Web-страниц. Поддержка сайта : WEB Аудитор. Как создать сайт с помощью блокнота. Сохраните на рабочий стол с именем файла index. На рабочем столе появится соответствующий значок. Итак, начнем. Откройте блокнот и скопируйте в него следующее: < html>. Главная страница - страница обо мне< /title>. Информация обо мне< /h. Краткая биография обо мне.
Родился в 1. 98. 5 году в городе Москва. Закончил в 2. 00. МАИ. Обязательно в конце названия должно быть . Если по каким- то причинам у Вас не получается создать html страницу, то Вы можете скачать предыдущий пример по ссылке: index. Теперь пару слов о тегах, которые мы использовали, чтобы сделать эту страницу. Описание тегов из примера. Они сообщают браузерам и поисковым машинам, что это html- страница. Вообще любая html страница имеет следующую структуру: < html>. Его можно опустить, но я не советую это делать, поскольку это важная часть документа, особенно для поисковых систем. По создания сайта вы можете найти на сайте saitic2009.narod.ru. Создание простого сайта в HTML Здесь также вы найдете необходимые программы для создания сайта. Давайте Разрабатывается сайт при помощи тегов(кодов) формата HTML. Более подробно про < head> < /head> читайте в описание заголовочных тегов. Кстати, когда Вы что- то ищите в поисковиках, то первое, что отображается, это как раз название страницы. Тег < title> < /title> часто сокращенно называют . Советую ознакомиться со статьей: как составить тег Title. Теперь перейдем к тегам, которые находятся в теле html страницы (внутри < body> и < /body> ). В данном случае центром будет - центр экрана. Например, у этой странице заголовочный тег . Главное, чтобы не было сначала < h. Должна быть строгая иерархия. Заголовков < h. Он осуществляет переход на следующую строку. В моем примере написаны два одиночных тега подряд, чтобы дважды перейти на следующую строку. Например, . jpg, . Когда Вы наведете мышкой на изображение, то появится это описание. Эти параметры важны для продвижения сайта, особенно в поиске по картинкам. Если изображение не удалось загрузить, то будет выведен этот текст, что также является плюсом. Более подробно про < img> читайте в специальном уроке: html тег < img> 9. Короче говоря, все, что связано с форматированием текста можно настроить в одном теге. Это тег имеют довольно много атрибутов, о которых я расскажу в отдельном уроке. Примечание: < span> < /span> - аналогичный тег. Все, что заключено между < b> и < /b> будет выделено жирным. Например, если Вы напишите его в самом начале контента, а закроете в самом конце, то весь текст на странице будет выделен жирным. Это довольно часто встречающийся тег, аналогом которого является < strong> < /strong>. Поисковые системы обращают внимание на этот тег в плане усиления влияение ключевых слов. Но нужно быть аккуратным, поскольку выделять каждый раз жирным ключевые слова будет воспринято за спам. Имеет несколько параметров, о которых будет сказано позднее. Является обязательным параметром. HTML тег a. Более подробное описание этих и других тегов читайте в следующих уроках. Уважаемый читатель, теперь Вы уже умеете создавать элементарные страницы с изображениями и ссылками. Целью этого урока было ознакомление с простыми тегами html страниц. Теперь советую перейти к следующим урокам. Следующий урок: Урок 3. Основные html теги.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
November 2016
Categories |