HTML. CSS. Информатика, 10 сынып, дидактикалық материал.
Таблица основных тегов HTML-документа. Теги форматирования шрифта и абзаца
Назначение | Вид тегов | Примечание | ||||||||||||||||
Общая структура документа HTML | ||||||||||||||||||
Тип документа | <HTML></HTML> | Начало и конец документа | ||||||||||||||||
Имя документа | <HEAD></HEAD> | Не отображается броузером | ||||||||||||||||
Заголовок | <TITLE></TITLE> | Содержимое строки заголовка окна броузера | ||||||||||||||||
Тело документа | <BODY></BODY> | Содержимое WEB-страницы | ||||||||||||||||
Структура содержания документа | ||||||||||||||||||
Внутренние заголовки различного уровня | <H№> текст </H№> | Где № – номер уровня заголовка (от 1 до 6). Например, <H1>…</H1> - заголовок 1-го уровня. | ||||||||||||||||
Заголовок с выравниванием | <H№ ALIGN=”LEFT| CENTER| RIGHT”> текст </H№> | LEFT - по левому краю, CENTER - по центру, RIGHT - по правому краю. | ||||||||||||||||
Форматирование абзацев | ||||||||||||||||||
Создание абзаца (параграфа) | <P> текст </P> | Абзацы отделяются двойным межстрочным интервалом | ||||||||||||||||
Перевод строки внутри абзаца | <BR> | Одиночный тег | ||||||||||||||||
Выравнивание абзаца | <P ALIGN=”LEFT”>текст </P> <P ALIGN= ”CENTER”>текст </P> <P ALIGN=”RIGHT”> текст</P> <P ALIGN=”JUSTIFY”> текст </P> | LEFT - по левому краю CENTER - по центру RIGHT - по правому краю JUSTIFY – по ширине | ||||||||||||||||
Разделительная горизонтальная линия между абзацами | <HR SIZE=«?»> | Одиночный тег. «?» - толщина линии в пикселях. Толщину линии можно не указывать. | ||||||||||||||||
Форматирование шрифта | ||||||||||||||||||
|
| <B>Жирный</B> <I> Курсив </I> <U> Подчеркнутый </U> <S> Перечеркнутый</S> <SUP> Верхний индекс </SUP> <SUB> Нижний индекс </SUB> | ||||||||||||||||
Размер шрифта | <FONT SIZE=«?»> текст </FONT> | ?- значения от 1 до 7 или относительное изменение (например, +2) | ||||||||||||||||
Базовый размер шрифта | <BASEFONT SIZE=«?»> | Одиночный тег ? – размер от 1 до 7; по умолчанию равен 3 и задается для всего документа в целом | ||||||||||||||||
Гарнитура шрифта | <FONT FASE=«название1, название2, …»> текст </FONT> | Текст оформляется первым, установленным на компьютере шрифтом из списка названий | ||||||||||||||||
Цвет шрифта | <FONT COLOR=”$$$$$$”> текст </FONT> | Цвет задается либо ключевым словом, либо шестнадцатеричным кодом с символом # RED –красный, #FF0000 – шестнадцатеричный код – красного цвета | ||||||||||||||||
Создание списков | ||||||||||||||||||
|
| <OL> <LI>Элемент списка 1 </LI> <LI>Элемент списка 2</LI> <LI>Элемент списка 3</LI> </OL> | ||||||||||||||||
|
| |||||||||||||||||
Таблица основных цветов
Цвет | Color's name |
| ||||
Черный | black | 00 | 00 | 00 | ||
Темно-синий | navy | 00 | 00 | 80 | ||
Голубой | blue | 00 | 00 | FF | ||
Зеленый | green | 00 | 80 | 00 | ||
Темно-зеленый | teal | 00 | 80 | 80 | ||
Салатный | lime | 00 | FF | 00 | ||
Бледно-голубой | aqua | 00 | FF | FF | ||
Вишневый | maroon | 80 | 00 | 00 | ||
Фиолетовый | purple | 80 | 00 | 80 | ||
Оливковый | olive | 80 | 80 | 00 | ||
Серый | gray | 80 | 80 | 80 | ||
Светло-серый | silver | C0 | C0 | C0 | ||
Красный | red | FF | 00 | 00 | ||
Лиловый | fushsia | FF | 00 | FF | ||
Желтый | yellow | FF | FF | 00 | ||
Белый | white | FF | FF | FF | ||
Әлеуметтік желілерде бөлісіңіз:
Facebook | VK | WhatsApp | Telegram | Twitter
Қарап көріңіз 👇
Пайдалы сілтемелер:
» Туған күнге 99 тілектер жинағы: өз сөзімен, қысқаша, қарапайым туған күнге тілек
» Абай Құнанбаев барлық өлеңдер жинағын жүктеу, оқу
» Дастархан батасы: дастарханға бата беру, ас қайыру
Соңғы жаңалықтар:
» 2025 жылы Ораза және Рамазан айы қай күні басталады?
» Утиль алым мөлшерлемесі өзгермейтін болды
» Жоғары оқу орындарына құжат қабылдау қашан басталады?