kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Видеоуроки Олимпиады Вебинары для учителей

Основы языка разметки гипертекста HTML

Нажмите, чтобы узнать подробности

Краткий конспект по теме "Основы языка разметки гипертекста HTML"

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«Основы языка разметки гипертекста HTML»

Основы языка разметки гипертекста HTML

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

Web-страницы можно создать с помощью языка HTML.


Web-страницы могут быть созданы с помощью:

- обычного текстового редактора;

- редактора, способного сохранять в формате HTML;

- специализированного редактора;

- специализированной системы.


Главные управляющие символы - HTML-теги, которые заключаются в угловые скобки .

Тег – инструкция браузеру, которая указывает способ отображения информации.

Теги могут быть одиночными и парными. Парные тег содержит открывающий и закрывающий теги (контейнер).

Например, код Web-страницы помещается внутрь контейнера

HTML… HTML и состоит из 2-х частей: заголовка и содержания.


Теги могут записываться как прописными, так и строчными буквами.

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


Например:

Моё имя – Таня


Структура Web-страницы

html

head

title

Название Web-страницы

title

head

body атрибуты

На этой странице можно разместить

любую интересную информацию (Интернет).

body

html


Первая часть НЕВИДИМАЯ отделяется парным тегом head, а вторая часть ВИДИМАЯ отделяется парным тегом body.

Мы видим, что главным элементом HTML является ТЭГ!

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


Создание Web-страницы


  1. Создать личную папку под своей фамилией. В ней создать папку HTML.

  2. В этой паке создать ПКМ текстовый документ и сохранить его, как шаблон.txt.

  3. Открыть файл Шаблон.txt и внести необходимую информацию, используя теги и их атрибуты.

  4. Сохранить файл под именем index.html в личной папке.


Для редактирования файла index.html необходимо выполнить следующие действия:



Атрибуты фона Web-страницы


body bgcolor=#FFF8DC Атрибут цвета Web-страницы


Атрибут вставки фонового рисунка Web-страницы


body background="Nature_02.jpg”


Теги и атрибуты форматирования текста на Web-странице


h1…h1 до h6…h6 тег размера шрифта заголовков

font…font тег форматирования шрифта

face=“Arial” атрибут задания гарнитуры шрифта

size=4 атрибут задания размера шрифта

color=“Red” атрибут задания цвета шрифта

align=“left” атрибут задания выравнивания текста


(left–влево, right–вправо, center–по центру, justify-по ширине)


hr тег для создания горизонтальной линии

p…p контейнер для разделения текста на абзацы


Тег и атрибут вставки изображений на Web-странице


img src=“computer.gif” (src – (сорс) источник)


Теги и атрибуты гиперссылки на Web-странице


a href=“Адрес” Указатель a тег с атрибутом для создания гиперссылки


address…address контейнер для создания гиперссылки на

адрес электронной почты


Гиперссылки


  • Для связывания Web- страниц используют гиперссылки.

  • Термин «гипертекст» был введён в обращение Тедом Нельсоном в 1965 году для описания документов, которые выражают нелинейную структуру идей.

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



Контрольные вопросы


  1. Какие тэги (контейнеры) должны присутствовать в HTML-доку­менте обязательно?

  2. Какова логическая структура Web-страницы?

  3. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта?

  4. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?




Получите в подарок сайт учителя

Предмет: Информатика

Категория: Уроки

Целевая аудитория: 10 класс.
Урок соответствует ФГОС

Скачать
Основы языка разметки гипертекста HTML

Автор: Дурова Галина Александровна

Дата: 22.04.2021

Номер свидетельства: 579019

Похожие файлы

object(ArrayObject)#861 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(83) "Основы языка разметки гипертекста HTML. Списки."
    ["seo_title"] => string(46) "osnovy_iazyka_razmetki_giperteksta_html_spiski"
    ["file_id"] => string(6) "529959"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1575364182"
  }
}
object(ArrayObject)#883 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(164) "Разработка урока по информатике в 10 классе по теме "Основы языка разметки гипертекста HTML" "
    ["seo_title"] => string(99) "razrabotka-uroka-po-informatikie-v-10-klassie-po-tiemie-osnovy-iazyka-razmietki-ghipiertieksta-html"
    ["file_id"] => string(6) "157084"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1421524398"
  }
}
object(ArrayObject)#861 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(166) "Интегрированный урок английского языка и информатики по теме "Экология сегодня" ("Ecology Today") "
    ["seo_title"] => string(103) "intieghrirovannyi-urok-anghliiskogho-iazyka-i-informatiki-po-tiemie-ekologhiia-sieghodnia-ecology-today"
    ["file_id"] => string(6) "103722"
    ["category_seo"] => string(15) "angliiskiyYazik"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1402606259"
  }
}
object(ArrayObject)#883 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(43) "презентация " Основы HTML""
    ["seo_title"] => string(25) "priezientatsiiaosnovyhtml"
    ["file_id"] => string(6) "298800"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1456405798"
  }
}
object(ArrayObject)#861 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(133) "Программа Предметного курса по выбору (информатика) 10 класс (профильный) "
    ["seo_title"] => string(73) "proghramma-priedmietnogho-kursa-po-vyboru-informatika-10-klass-profil-nyi"
    ["file_id"] => string(6) "111828"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(12) "planirovanie"
    ["date"] => string(10) "1407949651"
  }
}



ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Проверка свидетельства