Html теги презентация - IT Новости
Microclimate.su

IT Новости
59 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Html теги презентация

Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным. — презентация

Презентация была опубликована 6 лет назад пользователемoskoluno.ru

Похожие презентации

Презентация на тему: » Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным.» — Транскрипт:

1 Основные теги HTML

2 Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным назначением HTML тегов является указание области действия тех или иных правил разметки документов. Большая часть HTML тегов состоит из двух частей: открывающий тег и закрывающий тег.

3 Структура HTML-документа Моя первая HTML-страница Здравствуйте!

4 Теги структуры Этот тег указывает на начало HTML-документа Этот тег указывает на начало области заголовка Web- страницы. Структура Web-страницы Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна броузера. Этот тег несет служебную информацию и не отображается в экране браузера. В данном случае идет речь о кодировке Web- странички. Вам достаточно лишь каждый раз вставлять этот тег в таком виде на свою страничку. Тогда ваша страничка будет использовать кодировку windows-1251, наиболее распространенную на сегодняшний день. Конец области заголовка Web-страницы. Начало собственно содержимого Web-страницы. Конец содержимого Web-страницы. Конец HTML-документа.

5 Форматирование текста Абзац Переход на новую строку Выделение текста полужирным шрифтом Выделение текста курсивом Маркированный список Первый пункт списка; Второй пункт списка; Третий пункт списка. Нумерованный список Первый пункт списка; Второй пункт списка; Третий пункт списка.

6 Рисунки на WEB-страничке — элемент для создания ссылки на графический файл (image). Он не содержит конечного тега — вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гиперссылках, вставлять картинки в таблицы, просто размещать рисунки на Web-странице, решать задачи дизайна и т.д. Необходимым атрибутом является src — указатель на файл графики: src=»http://www.myshared.ru/slide/377044/%D0%A1%D1%81%D1%8B%D0%BB%D0%BA%D0%B0%20%D0%BD%D0%B0%20%D1%84%D0%B0%D0%B9%D0%BB». Например: — обычный рисунок

7 Гиперссылки — один из самых важных элементов языка, обеспечивающий создание гиперссылок. Чаще всего используется такой шаблон: Произвольный текст Текст для щелчка

8 Таблицы Таблицы являются очень удобным средством форматирования данных на Web-станице. Они позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением. При создании таблиц используется принцип вложения: внутри основного элемента таблицы TABLE создается ряд элементов, определяющих строки TR, а внутри этих элементов размещаются элеметы для описания каждой ячейки в с строке TD. — внешний элемент талицы. — элемент, задающий строку таблицы. — элемент, задающий ячеку таблицы. Например: Таблица из 2 строк, в первой строке — 2 ячейки, во втрой –

9 Полезные ссылки Учебник по HTML HTML справочник Как сделать сайт самому и бесплатно

Презентация по теме «Теги, структура HTML документа»

Просмотр содержимого документа
«Презентация по теме «Теги, структура HTML документа»»

Преподаватель: А.Н. Федорова

Теги, структура HTML документа

Команды для браузера, говорящие, как отображать текст, вставлять таблицы, изображения и другие объекты, называются тегами ( от англ. tag — ярлык, признак ).

Имя тега пишется в треугольных скобках .

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

Теги могут иметь параметры (или атрибуты). Например, чтобы задать цвет шрифта, используется тег font с параметром color:

Читать еще:  Как вставить email в html

— это открывающий тег, который командует браузеру с этого момента отображать шрифт зеленым (в данном примере) цветом до закрывающего тега .

Структура HTML страниц

Любая html-страница должна содержать следующие обязательные теги:

  • html — сообщает браузеру, что страничка написана на языке HTML и строчки до закрывающего тега представляют собой единый документ;
  • head — между открывающим и закрывающим тегами помещается важная информация, описывающая этот документ;
  • body — между открывающим и закрывающим тегами помещается само содержание страницы.

Таким образом HTML-документ имеет следующую структуру:

Описание документа (не отображается на самой страничке)

Содержание (отображается на страничке с учетом заданной разметки)

Тег TITLE — задает название документа, показываемое обычно в заголовке окна браузера.

Например, такая cстрочка 1_HTML задаст название документа «1_HTML», которое в Mozilla Firefox будет отражаться в заголовке окна и на закладках (когда открыто несколько страничек):

Наберите с помощью программы «Блокнот» следующий программный код. Впишите название с помощью тега TITLE в разделе head и разместите простой текст в разделе body . Например:

Моя первая html-страничка 🙂

Сохраните этот текстовый файл с расширением html.

Презентация по информатике «Введение в HTML»

Описание разработки

Сегодня мы начинаем с Вами изучать язык HTML. Вы много раз слышали это слово, сегодня мы с вами начинаем изучение этого понятия. Мы узнаем много новых понятий, связанных с HTML – верстка, тег, разметка, научимся создавать простейшие web — страницы.

Задачи урока

Сформировать представление о языке HTML,

Познакомиться с понятиями: тег, верстка, разметка.

Cделать пробную страницу на языке HTML

HTML (от англ. HyperText Markup Language — язык разметки гипертекста) — стандартный язык разметки документов во Всемирной паутине. Большинство веб — страниц создаются при помощи языка HTML.

HTML (Hyper Text Markup Language) означает язык разметки гипертекста. Этот язык был разработан Тимом Бернерсом — Ли в рамках создания проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW) или Всемирная паутина. HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.

Что же такое верстка? Представьте процесс создания стенгазеты. У вас есть несколько разных статей, несколько картинок. Создавая газету, вы будете стараться расположить все материалы так, чтобы выглядело красиво, привлекало внимание и было удобно для чтения.

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

На сегодняшний день под вёрсткой может подразумеваться как типографская вёрстка, так и компьютерная вёрстка страниц для создания интернет — сайтов.

Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web — страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу.

Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого текстового редактора.

Чаще всего используется Блокнот, потому что он не имеет собственных функций разметки текста.

Файлы HTML можно создавать и в редакторе Microsoft Word, в котором имеется возможность сохранить документ как Web — страницу (в меню «Файл»), однако использовать эту возможность не рекомендуется. Во — первых, потому что HTML — код, генерируемый MS Word не оптимален и содержит множество ненужных элементов разметки, и, во — вторых, автоматическая генерация кода не будет способствовать изучению и правильному пониманию HTML.

Имеется также большое количество специализированных редакторов для создания файлов HTML, таких как FrontPage, Macromedia Dreamweaver или Adobe Web Bundle, в которых создание веб — страниц визуализировано и упрощено при помощи кнопок и меню.

Читать еще:  Vpn для сервера терминалов

Теги разметки указывают браузеру Web (программе пользователя для отображения web — страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу. Сравните вид HTML — документа и вид того же документа, воспроизведенного браузером.

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

С помощью HTML вы сможете создать свою страничку в интернете!

Содержимое разработки

  • Сформировать представление о языке HTML
  • Познакомиться с понятиями: тег, верстка, разметка .
  • C делать пробную страницу на языке HTML

Сформировать представление о языке HTML , познакомиться с понятиями: тег, верстка, разметка . C делать пробную страницу на языке HTML

HTML (от англ. HyperText Markup Language язык разметки гипертекста ) — стандартный язык разметки документов во Всемирной паутине.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли в конце 80-х годов 20 века в рамках создания проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW) или Всемирная паутина.

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

На сегодняшний день под вёрсткой может подразумеваться как типографская вёрстка, так и компьютерная вёрстка страниц для создания интернет-сайтов.

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

  • имеют расширения htm или html .
  • их можно создавать при помощи любого текстового редактора. (чаще всего используется Блокнот)

Примерный пояснительный текст к слайду: Документы HTML являются обычными текстовыми файлами , содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу .

Файлы HTML обычно имеют расширения htm или html . Их можно создавать при помощи любого текстового редактора.

Чаще всего используется Блокнот, потому что он не имеет собственных функций разметки текста.

Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.

Так браузер отображает для нас

Таким браузер «видит» исходный код

Тег является контейнером, который заключает в себе все содержимое веб-страницы, включая теги и . Документ начинается тегом и заканчивается

Дополнительный текст к слайду: Открывающий и закрывающий теги в документе необязательны, но хороший стиль диктует непременное их использование.

Тег предназначен для хранения элементов, цель которых — помочь браузеру в работе с данными. Содержимое тега не отображается напрямую на веб-странице, за исключением тега

Полный текст к слайду: Тег предназначен для хранения элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Содержимое тега не отображается напрямую на веб-странице, за исключением тега

Тег Определяет заголовок документа. Элемент не является частью документа и не показывается напрямую на веб-странице. Допускается использовать только один тег на документ и размещать его в контейнере .

Читать еще:  Vpn сервер что это

Текст к слайду: Определяет заголовок документа. Элемент не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера. Допускается использовать только один тег на документ и размещать его в контейнере .

Тег Тег предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера .

Текст к слайду: Тег предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера . Открывающий и закрывающий теги на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.

С помощью HTML вы сможете создать свою страничку в интернете! Сегодня вы увидите свою первую пробную страничку!

Практическое задание — Откройте в компьютере на рабочем столе файл MyFirstPage.html с помощью программы Блокнот. — Выделите в открывшемся коде все известные вам блоки — В теге замените текст. Вставьте фразу: «Это первая html -страница Имя Фамилия.» — Сохраните файл — Откройте его с помощью любого браузера

В файле предварительно указать реальный путь к файлу-картинке. Вместо ссылки указать путь, например: C:UsersНадеждаDesktop10 .jpg

Презентация «Html»

Презентация содержит основные сведения о языке гипертекстовой разметки Html. Подойдет для сопровождения по ходу урока и для выполнения практических работ.

Просмотр содержимого документа
«Презентация «Html»»

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине

Html-страница представляет собой набор тегов

Тег – основной элемент языка html.

Теги позволяют добавлять на html-страницу различные объекты (текст, картинки, таблицы, ссылки и т.д.)

Правила написания тегов:

  • Теги заключаются в угловые скобки ;
  • Теги всегда парные – открывающий и закрывающий ….
  • Теги закрываются зеркально ….

Этот тег является контейнером, который заключает в себе всё содержимое веб-страницы

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

Тег задаёт заголовок окна веб-страницы

Он находится внутри тега

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

Структура простейшей веб-страницы

Мой первый сайт

Привет! Это моя первая веб-страница!

  • Создать папку в папке 9 А и назвать её «Сайт Ивановой, Петрова»;
  • В папке «Сайт…» создать текстовый документ (Блокнот) и назвать его «new1»;
  • Записать в документ new1 структуру своей первой html-страницы и сохранить;
  • Изменить расширение файла new1.txt на new1.html;
  • Открыть файл new1.html через браузер Mozilla Firefox.

Теги для оформления текста страницы

  • Полужирный текст
  • Выделение текста курсивом
  • Подчёркнутый текст
  • Зачёркнутый текст

— задает размер шрифта; color= ‘red’ — задает цвет шрифта; face= ‘Arial’ — задает гарнитуру шрифта. » w

тег для изменения характеристик шрифта, таких как размер, цвет и гарнитура

  • size=‘5’ задает размер шрифта;
  • color=‘red’ задает цвет шрифта;
  • face=‘Arial’ задает гарнитуру шрифта.

  • — Заголовки разных уровней

— по левому краю; align= ‘right’ — по правому краю; align= ‘center’ — по центру; align= ‘justify’ — по ширине; » w

— определяет текстовый абзац

align=‘justify’ по ширине;

» w

Фон или обои страницы

  • bgcolor=’green’background=“bg.jpg”

src – путь к графическому файлу; alt – альтернативный картинке текст; w

0 0 голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector