Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

Сохранить изменения в блокноте. Активизировать браузер с открытым в нем предыдущим вариантом страницы. Щелкнуть по кнопке Обновить. В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат.

Работа 2. Форматирование шрифта.

1. Открыть файл из вашей папки первое_знакомство.htm через блокнот.
2. Внести в текст страницы тэги, между тегами

Заголовок шестого уровня

вводить все сюда

(в блокнот необходимо внести только то, что написано полужирным шрифтом в работе.)

Жирный
Курсив
Подчеркнутый
Жирный подчеркнутый курсив
Равноширинный

Выделение
Усиленное выделение

1. Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные, а также списки определений.

ТЕРМИН 1

Пояснение к термину 1

ТЕРМИН 2

Пояснение к термину 2

ТЕРМИН 3

Пояснение к термину 3

1. Сохранить изменения в блокноте. Активизировать браузер. В окне браузера отобразится обновленная Web-страница.

В итоге в файле первое_знакомство.htmу вас должно получиться

Работа 3. Цветовые схемы. Шрифты.

1. Открыть файл первое_знакомство.htm через блокнот.
2. Для оформления страницы можно использовать следующую цветовую схему:

(. )описание атрибутов цвета производится в открытом теге (. )

1. Сохранить файл и Обновить страничку (цвет текста и цвет фона должен поменяться).
2. Закончить работу с файлом.

Работа 4. Вставка изображений.

Вставка изображений. Для размещения на Web-страницах используются графические файлы форматов GIF, JPEG и PNG. Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла.

Если рядом с изображением не должно быть текста, его размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге . Размеры изображения (в пикселах) можно задать с помощью атрибутов WIDTH и HEIGHT. К изображению атрибутом ALT можно добавить название, которое появляется на экран или вместо иллюстрации (если по какой — либо причине графика не выводится в окне браузера), или в качестве всплывающий строки, при указании на рисунок мышью.

1. Открыть файл первое_знакомство.htm в блокноте.
2. Вставить в начале страницы картинку (после тега ) с помощью тега:

Атрибут ALIGN выравнивает по верхнему краю, середине или нижнему краю изображения, справа или слева от него с помощью значений: top, bottom, middle, left или right.

1. Форматирование текста. Для выделения фрагментов текста используется тэг . Атрибут FACE определяет гарнитуру шрифта, атрибут COLOR – цвет и атрибут

SIZE — размер символов. Выравнивание текста по горизонтали задает атрибут ALIGN. Выравнивание можно добавлять к тэгам, задающим заголовки, абзацы, или размещающим информацию в таблице. Выровнять по центру заголовок страницы. HSPACE, VSPACE — горизонтальный и вертикальный отступы между картинкой и текстом. Введем заголовки различных уровней сразу после изображения.

А это — заголовок нашей странички.

А это — подзаголовок нашей странички.

Сохранить файл и Обновить страничку.

Выделим часть текста более крупным шрифтом и цветом и определим выравнивание

1. Сохранить файл и Обновить страничку). Закончить работу с файлом.
2. Работа 5. Оформление гиперссылок.
   1. Запустить текстовый редактор Блокнот командой [Пуск — Программы — Стандартные — Блокнот].
   2. Открыть файл первое_знакомство.htm
   3. Различные виды гиперссылок. Связать Web-страницу с другими документами можно с помощью универсального тэга , и его атрибута HREF, указывающим в каком файле хранится вызываемый ресурс.

   file_name – путь к файлу или его URL-адрес в Интернете. Если вызываемый документ размещается в той же папке, что и Web-страница, то можно указывать только имя файла.

   Указатель ссылки в окне браузера выделяется подчеркиванием и особым цветом. При указании на него мышью, ее курсор превращается в значок «рука». Щелчок мыши по указателю, вызывает переход на документ, указанный в гиперссылке. Используем различные значения атрибута HREF для реализации различных реакций браузера:

   Сохранить файл и Обновить страничку

   1. Сохранить файл и Обновить страничку
   2. Создадим вторую страничку. Для этого откроем Блокнот еще раз. И наберем в нем следующий текст.

   В качестве указателя ссылки можно использовать не только текст, но и изображение. В этом случае указатель ссылки задается с помощью тэга . Пусть в нашем проекте при щелчке мышью по маленькому рисунку, вызывается ее крупная фотография. Такой прием часто используют, для снижения времени загрузки страницы. Посетитель увидит уменьшенные копии рисунков, а при желании, сможет загрузить полномасштабное изображение. Дополним нашу страничку, введем текст в пустую строку в файл вторая_страница.htm

   Работа 6-8. Творческое задание.

   Творческое задание. «Мой сайт». Создать Web-сайт, рассказывающий о Процессорах, Внешней памяти, Внутренней памяти, Свободная тема.

   

   Источник

   Как создать простую веб страницу с помощью HTML

   В создании этой статьи участвовала наша опытная команда редакторов и исследователей, которые проверили ее на точность и полноту.

   Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.

   Количество просмотров этой статьи: 246 207.

   В этой статье мы расскажем вам, как с помощью HTML-кода создать простейшую веб-страницу. HTML является одним из основных компонентов интернета, потому что задает структуру веб-страниц. Веб-страницу можно создать в текстовом редакторе, который есть в Windows или macOS.

   Как добавить тег «head» (описание веб-страницы)

   

   

   

   

   

   

   Введите и нажмите ↵ Enter . Этот тег содержит описание веб-страницы и заголовочные элементы. Контент этого тега на странице, как правило, не отображается. Контентом являются описание страницы, метаданные, таблицы стилей CSS и другие языки сценариев. [1] X Источник информации

   

   

   

   

   Введите и нажмите ↵ Enter . Этот тег закрывает тег описания страницы. На данном этапе HTML-код должен выглядеть примерно так.

    html> head> title>Моя веб-страницаtitle> head> 

   Как добавить тег «body» (весь контент)

   

   Введите тег под закрывающим тегом «head». Этот тег содержит весь контент HTML-документа. Контент этого тега отображается на веб-странице.

   

   Введите . Этот тег содержит заголовок страницы. Заголовок — это текст большого размера, который, как правило, расположен вверху страницы.

   

   

   Добавьте дополнительные заголовки по мере необходимости. Можно создать до шести заголовков; это делается с помощью тегов — . Заголовки будут иметь разные размеры. Например, код для создания трех заголовков разного размера будет таким:

   h1>Добро пожаловать на мою страницу!h1> h2>Меня зовут Макс.h2> h3>Надеюсь, вам не будет скучно.h3> 

   

   Введите

   . Этот тег содержит абзац текста. Такой тег отобразит текст нормального размера.

   

   

   Введите

   после текста и нажмите ↵ Enter . Этот тег закрывает тег абзаца текста. Ниже приведен пример абзаца в HTML-документе:

   • Чтобы создать несколько абзацев под одним заголовком, добавьте подряд несколько строк.
   • Измените цвет текста. В начале текста введите тег , а в конце тег . Вместо слова «цвет» подставьте нужный цвет (на английском языке), причем кавычки не удаляйте. Эти теги позволят изменить цвет любого текста (например, заголовка). К примеру, чтобы сделать текст синим, введите следующий код:

     Киты — величественные животные.

   • Также шрифт можно сделать полужирным, наклонным и другим. Ниже приведены примеры форматирования текста с помощью HTML-тегов: [2] X Источник информации

   b> Полужирный текст b> i> Наклонный текст i> u> Подчеркнутый текст u> sub> Подстрочный текст sub> sup> Надстрочный текст sup> 

   Источник

   Как создать простую веб страницу в Блокноте

   В создании этой статьи участвовала наша опытная команда редакторов и исследователей, которые проверили ее на точность и полноту.

   Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.

   Количество просмотров этой статьи: 233 887.

   Вас интересует веб-дизайн? Чтобы попробовать свои силы в создании веб-страниц, необязательно пользоваться сложными программами. Веб-страницу можно создать в Блокноте, предустановленном на компьютерах с Windows. В качестве языка программирования будет использован HTML — HyperText Markup Language (язык гипертекстовой разметки). Вы можете написать HTML-код страницы в Блокноте или любом другом текстовом редакторе, а затем просто сохранить файл как HTML-документ. Этот язык легко изучить, даже если у вас нет навыков программирования. Итак, в нашей статье мы расскажем, как создать простую веб-страницу с помощью Блокнота.

   Как создать HTML-документ

   

   

   

   

   Щелкните по Блокнот . Это голубой значок в виде блокнота верхней части результатов поиска. Откроется Блокнот.

   

   

   Нажмите Сохранить как. . Эта опция находится в открывшемся меню «Файл». Откроется окно «Сохранить как».

   

   Откройте выпадающее меню «Тип файла». Оно находится в нижней части окна; в нем отобразится опция «Текстовые документы (*.txt)». Нажмите на нее, чтобы появилось выпадающее меню.

   

   Щелкните по Все файлы . Эта опция находится в выпадающем меню. Теперь файл можно сохранить как HTML-документ.

   

   • Например, чтобы сохранить документ на рабочем столе, прокрутите вверх и нажмите «Рабочий стол» на левой панели.

   

   

   • Если Блокнот неожиданно закрылся или вы хотите вернуться к документу позже, щелкните правой кнопкой мыши по HTML-файлу и в меню выберите «Изменить».

   Источник