HTML
<<  Разработка Web-сайтов с использованием языка разметки гипертекста HTML HTML  >>
Таблица
Таблица
Таблица цветов
Таблица цветов
Таблица цветов
Таблица цветов
Таблица цветов
Таблица цветов
Таблица цветов
Таблица цветов
Картинки из презентации «Основы языка HTML (Hyper Text Markup Language – язык разметки гипертекста)» к уроку информатики на тему «HTML»

Автор: Тимошина. Чтобы познакомиться с картинкой полного размера, нажмите на её эскиз. Чтобы можно было использовать все картинки для урока информатики, скачайте бесплатно презентацию «Основы языка HTML (Hyper Text Markup Language – язык разметки гипертекста).ppt» со всеми картинками в zip-архиве размером 1194 КБ.

Основы языка HTML (Hyper Text Markup Language – язык разметки гипертекста)

содержание презентации «Основы языка HTML (Hyper Text Markup Language – язык разметки гипертекста).ppt»
Сл Текст Сл Текст
1Основы языка HTML (Hyper Text Markup 11служит ссылкой. Синтаксис <img
Language – язык разметки гипертекста). src=...> Закрывающий тег Не требуется.
2Программное обеспечения для создания Параметры align — определяет как рисунок
веб – страниц: Блокнот Microsoft FrontPage будет выравниваться по краю и способ
(Word, Publisher) Adobe Dreamweaver Xara обтекания текстом. alt — альтернативный
Webstyle Xara ScreenMaker. текст для изображения. border — толщина
3Терминология. Тег – оформленная рамки вокруг изображения. height — высота
единица HTML-кода. Например, <html изображения. hspace — горизонтальный
>, <body>,<h1>,<h2> и отступ от изображения до окружающего
так далее. Все тэги имеют одинаковый контента. src — путь к графическому файлу.
формат: они начинаются знаком vspace — вертикальный отступ от
"<" и заканчиваются знаком изображения до окружающего контента. width
">".Обычно имеются два тэга – — ширина изображения. Пример 1.
открывающий и закрывающий. Различие в том, Использование тега IMG <html>
что в закрывающем имеется слэш <body> <a
"/". Желательно вводить все теги href=lorem.html><img
в нижнем регистре(маленькими буквами), src=/images/lorem.gif width=135 height=28
хотя не обязательно. Пример : <h1> align=right vspace=4 hspace=4
Крупный заголовок </h1> <h2> border=0></a> </body>
Заголовок чуть поменьше </h2> </html>
4Терминология. Атрибут –это своего рода 12Таблица. Тег <table> Описание
дополнительная информация. Атрибуты всегда Элемент TABLE служит контейнером для
записываются внутри тега, затем следует элементов, определяющих содержимое
знак равенства и детали атрибута, таблицы. Любая таблица состоит из строк и
заключённые в двойные кавычки. Приведу ячеек, которые задаются с помощью тегов TR
пример: <h1> Крупный заголовок и TD. Внутри TABLE допустимо использовать
</h1> <h2 следующие элементы: CAPTION, COL,
align="center"> Заголовок COLGROUP, TBODY, TBODY, TD, TFOOT, TH,
чуть поменьше </h2> THEAD и TR. Таблицы с невидимой границей
5Документ. Тег HTML. Тег HTML является долгое время использовались для верстки
контейнером, который заключает в себе всё веб-страниц, позволяя разделять документ
содержимое веб-страницы, включая теги HEAD на модульные блоки. Подобный способ
и BODY. Открывающий и закрывающий теги применения таблиц нашел воплощение на
HTML в документе необязательны, но хороший многих сайтах, пока ему на смену не пришел
стиль диктует непременное их более современный способ верстки с помощью
использование. слоев. Синтаксис <table> ...
6Страница. Тег BODY. Элемент BODY </table> Закрывающий тег Обязателен.
предназначен для хранения содержания Параметры align — определяет выравнивание
веб-страницы (контента), отображаемого в таблицы. background — задает фоновый
окне браузера. Информацию, которую следует рисунок в таблице. bgcolor — цвет фона
выводить в документе, следует располагать таблицы. border — толщина рамки в
именно внутри контейнера BODY. Параметры пикселах. bordercolor — цвет рамки.
alink — устанавливает цвет активной cellpadding — отступ от рамки до
ссылки. background — задает фоновый содержимого ячейки. cellspacing —
рисунок на веб-странице. bgcolor — цвет расстояние между ячейками. cols — число
фона веб-страницы. link — цвет ссылок. колонок в таблице. height — высота
text — цвет текста в документе. vlink — таблицы. rules — сообщает браузеру, где
цвет посещенных ссылок. отображать границы между ячейками. width —
7 ширина таблицы.
8 13Таблица. Тег <th> Описание Тег
9Шрифт. Тег BASEFONT. Описание Тег TH предназначен для создания одной ячейки
BASEFONT предназначен для задания шрифта, таблицы, которая обозначается как
размера и цвета текста по умолчанию. заголовочная. Текст в такой ячейке
Указанные значения будут использоваться во отображается браузером обычно жирным
всём документе за исключением тега FONT, в шрифтом и выравнивается по центру. Тег TH
котором можно переопределить параметры должен размещаться внутри контейнера TR,
оформления текста. Допускается который в свою очередь располагается
использование тега в контейнере HEAD или внутри тега TABLE. Синтаксис <table>
BODY, причем несколько раз. Это позволяет <tr> <th>...</th>
изменять вид шрифта для части документа. </tr> </table>
Синтаксис <basefont color=... face=... 14Таблица. Теги <tr> и <td>
size=...> Закрывающий тег Не требуется. Описание Тег TR служит контейнером для
Параметры color — цвет текста. face — создания строки таблицы. Каждая ячейка в
шрифт текста. size — размер шрифта. Пример пределах такой строки может задаваться с
1. Использование тега BASEFONT помощью тега TH или TD. Синтаксис
<html> <body> <basefont <table> <tr>...</tr>
face="Arial, Helvetica, </table> Описание Предназначен для
sans-serif" size="4" создания одной ячейки таблицы. Тег TD
color="maroon"> должен размещаться внутри контейнера TR,
<p>Добро пожаловать на мою который в свою очередь располагается
страничку, которая оформлена с внутри тега TABLE. Синтаксис <table>
использование тега BASEFONT</p> <tr> <td>...</td>
<p><font face="Times New </tr> </table>
Roman" color=green>Цвет изменен с 15Таблица. Пример. Пример 1.
помощью тега FONT</font></p> Использование тега CAPTION <html>
</body> </html> <body> <table width=60% border=1
10Ссылки. Тег <a> Описание Тег A cellspacing=0 cellpadding=4>
является одним из важных элементов HTML и <caption align=right> Таблица 1.
предназначен для создания ссылок. В Название таблицы</caption>
зависимости от присутствия параметров name <tr> <th>&nbsp;</th>
или href тег A устанавливает ссылку или <th>Чебурашка</th>
якорь. Якорем называется закладка внутри <th>Крокодил Гена</th>
страницы, которую можно указать в качестве <th>Шапокляк</th> </tr>
цели ссылки. При использовании ссылки, <tr> <td>Съел, кг</td>
которая указывает на якорь, происходит <td>5</td>
переход к закладке внутри веб-страницы. <td>2</td>
Синтаксис <a href=URL>...</a> <td>1</td> </tr>
<a name=идентификатор>...</a> <tr> <td>Выпил, л</td>
Закрывающий тег Обязателен. Параметры href <td>6</td>
— задает адрес документа, на который <td>8</td>
следует перейти. name — устанавливает имя <td>2</td> </tr>
якоря внутри документа. target — имя окна </table> </body> </html>
или фрейма, куда браузер будет загружать 16Таблица цветов.
документ. Пример: <html> 17Таблица цветов.
<body> <a 18Таблица цветов.
href=images/xxx.jpg>Посмотрите на мою 19Таблица цветов.
фотографию!</a><br> <a 20Указания по созданию сайта. Ваш сайт
href=tip.html>Как сделать такое же должен содержать не менее 4 страниц
фото?</a> </body> Главная страница содержит вашу фотографию,
</html> информацию о вас и о содержании сайта Меню
11Изображения. Тег IMG. Описание Тег IMG сайта должно быть оформлено в таблице с
предназначен для отображения на невидимыми границами (border = 0) Все
веб-странице изображений в графическом страницы должны содержать меню сайта,
формате GIF, JPEG или PNG. Этот тег имеет изображения, текст, оформленный цветом,
единственный обязательный параметр src, начертанием и т.д. Хотя бы на одной
который определяет адрес файла с странице сайта должна быть таблица.
картинкой. Если необходимо, то рисунок 21Темы для разработки сайтов: Этапы
можно сделать ссылкой на другой файл, становления космонавтики в России Этапы
поместив тег IMG в контейнер A. При этом становления космонавтики в мире
вокруг изображения отображается рамка, Космические технологии современности
которую можно убрать, добавив параметр Использование космических технологий в
border=0 в тег IMG. Рисунки также могут жизни С.П. Королев А.Ю. Гагарин Белка и
применяться в качестве карт-изображений, Стрелка – космические собаки Первые
когда картинка содержит активные области, космонавты СССР Женщины – космонавты СССР
выступающие в качестве ссылки. Такая карта Современные космонавты России Современные
по внешнему виду ничем не отличается от космодромы Космические путешественники Мое
обычного изображения, но при этом оно созвездие Классификация звезд
может быть разбито на невидимые зоны Классификация космических тел.
разной формы, где каждая из областей
Основы языка HTML (Hyper Text Markup Language – язык разметки гипертекста).ppt
http://900igr.net/kartinka/informatika/osnovy-jazyka-html-hyper-text-markup-language-jazyk-razmetki-giperteksta-138293.html
cсылка на страницу

Основы языка HTML (Hyper Text Markup Language – язык разметки гипертекста)

другие презентации на тему «Основы языка HTML (Hyper Text Markup Language – язык разметки гипертекста)»

«Проекты по русскому языку» - Частота использования слов иностранного происхождения учащимися нашей школы и взрослым населением поселка. Таким образом, использование латиницы в рекламе недопустимо. А что могу сделать я? Значение заимствованных слов. Обоснование необходимости проекта (актуальность). Как спасти язык ? В администрацию Вурнарского городского поселения поселка Вурнары ЧР Обращение.

«Гипертекст» - Такие связи называются гиперсвязями (гиперссылками). Страница 10. Страница 6. Страница 8. Гипертекст. Страница 12. Страница 3. Страница 7. Страница 5. Страница 1. Страница 2. Страница 4.

«Неделя русского языка в 4 классе» - К.--Работу Тани Гордеевой. Мы подготовили материалы о художниках-иллюстраторах. Л.-- Спасибо,Карен. К.--Все работы очень хорошие. В жюри были наши одноклассники. Большинство ребят выпустили красочные и познавательные странички о русском языке. Я ко всем наукам ключ имею, Я со всей Вселенною знаком. Язык своих предков,язык Пушкина, язык Лермонтова... Русский язык.

«Документ HTML» - Запись стартового тега с атрибутом в общем виде: Строка адреса ресурса (URL). Например: http://mu-mu.ru/gerasim.htm. <IMG SRC=“PIC1.GIF”>. Основные элементы HTML. HyperText Markup Language. Html-код. Интерпретируется …текст. Все атрибуты записываются внутри стартового тега. <Тег>. - Разработан стандарт HTML 1.2.

«Программа по русскому языку» - Цель курса : %-Ное соотношение упражнений по лексике в учебниках 1-4 классов. Учебный процесс в начальной школе. 3. Изучение лексической работы учащихся начальных классов на уроках русского языка. Цель исследования: Программа курса решает следующие задачи: Содержание третьего года обучения, обеспечивает формирование следующих умений у школьников:

«Основы языка HTML» - Дэн Конноли,1994 - HTML 2. В настоящее время версия с 1994 г. - HTML 4.0. Д. Раггетт (Hewlett-Packard Labs), 1992 - HTML+. Элементы заголовка html-документа (тэг HEAD). Списки. Основы языка HTML. Таблицы. Элементы стиля и форматирования текста.

HTML

18 презентаций об HTML
Урок

Информатика

130 тем
Картинки
900igr.net > Презентации по информатике > HTML > Основы языка HTML (Hyper Text Markup Language – язык разметки гипертекста)