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"
  }
}




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

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

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

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

Ваш личный кабинет
Проверка свидетельства