Создание сайта с помощью html
Введение
HTML (Hyper Text Markup Language)
Программы для создания HTML – файлов:
Программы для просмотра Web - страниц
Программы для создания HTML – файлов:
Пример тега <HTML> </HTML>
Категории тегов
Структура HTML - документа
<HTML> </HTML>
Раздел заголовка
Раздел содержательной части
Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)
Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)
Теги символов
Теги логического форматирования текста
Теги физического форматирования текста
<ACRONYM></ACRONYM>
Пример использования тега <ACRONYM>:
Пример использования тега <ACRONYM>:
Тег <FONT>
Параметры тега <FONT>
Задание цвета на языке HTML
Пример использования параметра Color:
Примеры использования параметров тега <FONT> :
Тег <BASEFONT>
Примеры использования тега <BASEFONT> :
Пример использования параметра Color c тегом <BODY>:
Примеры использования тега <P> :
Тег <HR>
Пример использования тега <HR> :
Тег <H1>
Вставка пробелов и специальных символов
Заключение
1.17M
Category: programmingprogramming

Создание сайта с помощью html

1. Создание сайта с помощью html

Государственное профессиональное
образовательное учреждение Тульской области
«Алексинский машиностроительный техникум»
Создание сайта с
помощью html
Выполнил: студент гр.132
Незлобин Н.С.
Алексин 2016

2. Введение

HTML это только фундамент профессионального сайта, т.к. этот
язык «примитивен» и является скорее оболочкой сайта, нежели
новомодной начинкой.
Этот простенький язык может помочь в развитие бизнеса, поэту,
художнику, самый же главный потенциал знания HTML это экономия
при создании своего сайта.
Язык HTML очень прост, и пользоваться им может абсолютно
каждый, для этого быть программистом необязательно, достаточно
иметь навыки пользования Интернетом.

3. HTML (Hyper Text Markup Language)

язык разметки гипертекста Web-страницы

4. Программы для создания HTML – файлов:

Редакторы (HTML Wirtel, HTML Assistant,
WebEdit, HomeSite, Блокнот и т.д.)
Шаблоны
Программы-преобразователи

5. Программы для просмотра Web - страниц

Microsoft Internet Explorer
Netscape Communicator
The Bat!
Opera и т.д.

6. Программы для создания HTML – файлов:

Блокнот
(для создания страницы)
Internet Explorer
(для интерпретации файлов)

7.

Гипертекст – это текст, содержащий
специальные разметочные теги.
Теги (tag – ярлык, признак) –
инструкции браузера, указывающие
способ отображения текста.

8. Пример тега <HTML> </HTML>

Пример тега
<HTML>
</HTML>
Типы тегов
Парные (влияет на текст с того места,
где употреблён тег, до того места, где
указан признак окончания его
действия)
Непарные

9. Категории тегов

Структурные теги
Теги символов
Теги форматирования абзацев
Теги оформления списков данных
Теги логического форматирования
текста
Теги физического форматирования
текста

10. Структура HTML - документа

11. <HTML> </HTML>

<HTML>
</HTML>
начинает описание HTML - файла
HTML - документ состоит
из двух частей:
1. Раздел заголовка
2. Содержательная часть

12. Раздел заголовка

Начинается тегом <HEAD>
Заканчивается тегом </HEAD>
Mежду данными тегами располагается
тег <TITLE> </TITLE> (этот тег
используется для задания названия
документа)

13. Раздел содержательной части

Начинается тегом <BODY>
Заканчивается тегом </BODY>
(между которыми располагается содержимое
HTML - документа)

14. Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)

<HTML>
<HEAD>
<TITLE>Заголовок HTML – документа </TITLE>
</HEAD>
<BODY>
Это тело HTML – документа. Здесь можно
разместить всё, что угодно.
</BODY>
</HTML>

15. Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)

16. Теги символов

Теги логического форматирования
текста
Теги физического форматирования
текста

17. Теги логического форматирования текста

<CITE> </CITE>
<CODE> </CODE>
<DEL>
</DEL>
<DFN>
</DFN>
<INS>
</INS>
<EM>
</EM>
<KBD>
</KBD>
<SAMP> </SAMP>
<STRONG> </STRONG>
<VAR>
</VAR>

18. Теги физического форматирования текста

<B>
</B>
<I>
</I>
<U>
</U>
<TT>
</TT>
<STRIKE> </STRIKE>
<S>
</S>
<BIG>
</BIG>
<SMALL> </SMALL>
<SUB> </SUB>
<SUP>
</SUP>
<FONT> </FONT>
<BASEFONT>

19. <ACRONYM></ACRONYM>

<ACRONYM></ACRONYM>
используется для отметки аббревиатур,
акронимов (акроним – произносимое
слово, состоящее из начальных букв
словосочетания); используя тег <TITLE> можно указать «расшифровку» акронима,
которая появляется на экране, когда
курсор располагается на акрониме.

20. Пример использования тега <ACRONYM>:

Пример использования тега
<ACRONYM>:
<ACRONYM TITLE=«Муниципальное
казённое общеобразовательное
учреждение»> МКОУ </ACRONYM>
«Глядянская средняя
общеобразовательная школа»

21. Пример использования тега <ACRONYM>:

Пример использования тега
<ACRONYM>:

22. Тег <FONT>

Тег <FONT>
позволяет изменить шрифт

23. Параметры тега <FONT>

Параметры тега <FONT>
FACE (задаёт название шрифта, которым
будет выводится текст)
SIZE (задаёт размеры шрифта в условных
единицах от 1 до 7)
COLOR (устанавливает цвет шрифта,
который может задаваться с
помощью стандартных имён или
набором шестнадцатеричных цифр)

24. Задание цвета на языке HTML

Шестнадцатеричные значения
(цветовая система базируется на трёх
основных цветах – красном, зеленом и
синем – обозначается RGB)
Например: #000000, #0000FF, #FF0000,
#FFFFFF
Мнемонические обозначения
(название цвета)
Например: Red, White, Blue, Green

25. Пример использования параметра Color:

<FONT COLOR=Green> Шрифт размера
6, цвет зелёный </FONT> <BR>
или
<FONT
COLOR=#008000>
Шрифт
размера 6, цвет зелёный </FONT>
<BR>

26. Примеры использования параметров тега <FONT> :

Примеры использования
параметров тега <FONT> :
<FONT FACE=“ARIAL”>
Название шрифта </FONT> <BR>
<FONT SIZE=5> Шрифт размера 5
</FONT> <BR>
<FONT FACE=“ARIAL” SIZE=+3
COLOR=Green> Шрифт размера 6, цвет
зелёный </FONT> <BR>

27. Тег <BASEFONT>

Тег <BASEFONT>
используется для указания размера,
типа и цвета шрифта по умолчанию

28. Примеры использования тега <BASEFONT> :

Примеры использования
тега <BASEFONT> :
<BASEFONT FACE=“Courier” COLOR=#008080>
Шрифт по умолчанию размера 3<BR>
<BASEFONT SIZE=2>Шрифт размера 2<BR>
<BASEFONT SIZE=4 COLOR=Olive> Шрифт
размера 4, цвет оливковый <BR>

29. Пример использования параметра Color c тегом <BODY>:

Пример использования параметра
Color c тегом <BODY>:
<BODY BGCOLOR=#008080> Задание
цвета фона <BR>

30.

Тег <Р>
тег «параграф», отделяет абзац
друг от друга

31. Примеры использования тега <P> :

Примеры использования
тега <P> :
<P ALIGN=LEFT>
Выравнивание по левой границе окна<BR>
<P ALIGN=CENTER>
Выравнивание по центру окна<BR>
<P ALIGN=RIGHT>
Выравнивание по правой границе окна<BR>
<P ALIGN=JUSTIFY>
Выравнивание по ширине окна<BR>

32. Тег <HR>

Тег <HR>
отображение горизонтальной линии

33. Пример использования тега <HR> :

Пример использования
тега <HR> :
<HR ALIGN=LEFT WIDHT=20 SIZE=30
COLOR=#00FF00>

34. Тег <H1>

Тег <H1>
для разметки заголовков (<H1>,<H2>,
<H3>, <H4>, <H5>, <H6>)

35. Вставка пробелов и специальных символов

&nbsp
&#34
&#177
&#178

36. Заключение

В этой работе я описал и показал, как создать сайт «Субкультуры» с
помощью html. Она показывает, что создать сайт не сложно и не нужно
иметь каких-то особых навыков. Все что нужно это уметь пользоваться
компьютером и Интернетом. Для меня самым сложным было добавить на
страницы фон. Все остальное делается очень просто.
English     Русский Rules