рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Термина используемые по ходу обучения

Термина используемые по ходу обучения - раздел Программирование, Изучение HTML языка Тег – Оформленная Единица Html-Кода. Например, <html >...

Тег – оформленная единица HTML-кода. Например, <html >, <body>,<h1>,<h2> и так далее. Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком ">".Обычно имеются два тэга – открывающий и закрывающий. Различие в том, что в закрывающем имеется слэш "/". Желательно вводить все теги в нижнем регистре(маленькими буквами), хотя не обязательно.

Приведу пример :

<h1> Крупный заголовок </h1>
<h2> Заголовок чуть поменьше </h2>

В браузере это будет выглядеть следующим образом:

 

Как вы наверное догадались тег <h1> означает заголовок первого уровня, а тег <h2> - второго уровня. В начале тег открывается, затем идет его содержимое, потом он закрывается. Все довольно просто!

Атрибут –это своего рода дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.

Приведу пример:

<h1> Крупный заголовок </h1>
<h2 align="center"> Заголовок чуть поменьше </h2>

В браузере это будет выглядеть следующим образом:

Как видите, я дописал в теге <h2> атрибут align="center", что означает выравнивание по центру, в результате чего содержимое тега выравнялось по центру ячейки. В теге <h1> атрибута align (выравнивание) нет, и поэтому выравнивание происходит по умолчанию(по левому краю).

Элемент – понятие, введенное чисто для удобства обьяснения. Например, элемент HEAD состоит из двух тегов – открывающего <HEAD> и закрывающего </HEAD>. Таким образом, элемент – более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.

 


 

Урок 1: Структура web-документа. Вставка комментария.

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE…>, которая обычно выглядит примерно так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 4.01. Не пытайтесь запомнить эту строчку наизусть, главное - вы должны знать, что она необходима. Ведь именно она помогает сделать сайт, который будет одинаково смотреться во всех браузерах(обычно это три основных Internet Explorer,Opera, Firefox) .

Далее обозначается начало и конец документа тегами <html> и </html> соответственно. Внутри этих тегов должны находиться теги головы (<head></head>) и тела документа(<body></body>) .

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

На этой смешной картинке я попытался схематически изобразить структуру:

Как вы видите голова находится над телом, поэтому никогда не размещайте голову документа в теле документа (или наоборот) . Сначала закрываем голову документа </HEAD>, и лишь затем открываем тело <BODY>. И еще, у документа одна голова и одно тело, и не стоит пытаться создавать их большее количество.

 

Вставка комментария: <!-- -->

Очень полезным при создании сайтов является вставка комментария. Почему? да потому, что через месяц после создания, вам будет трудновато разобраться что к чему, ведь кода будет очень много. А если вы будете комментировать свои действия - тогда разобраться будет значительно легче! Т.к. это учебник html с примерами, давайте к ним и обратимся:)

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<title> Сайт о собаках </title>

</head>

<!-- начнем работать с телом документа -->

<body>

<!--вставляем таблицу с перечнем основных пород собак-->

– Конец работы –

Эта тема принадлежит разделу:

Изучение HTML языка

Рад что вы решили приступить к изучению моего учебника по html Поверьте мне в нем нет ничего сложного и уже через час вы создадите свою первую... Что понадобится нам для обучения... Браузер и Блокнот или аналогичный простой редактор вот вс что вам необходимо для работы с данным учебником Раз...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Термина используемые по ходу обучения

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Урок 2: Создаем свою первую страничку
Давайте сразу учиться все делать правильно. Хоть это и самая примитивная страничка создадим ее по всем правилам(они пригодятся при работе с Adobe Dreamweaver). ШАГ 1:

Как видите текст содержащийся в элементе DIV выделился в отдельную строку!
↑ Наверх ↑   SPAN - Используется для выделения части и

HR-служит для вставки в текст горизонтальной линии. Закрывающего тега нет!
Атрибуты: WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера. SIZE – толщина линии в пикселах.

Если нужно сделать ссылку между собственными страницами?
  Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm

А если надо сделать ссылку внутри страницы?
  Бывают случаи когда необходимо сделать ссылку с начала страницы в конец или наоборот, или к примеру с оглавления на главы и.т.д. Сделать ее очень просто! Необходимо пометить место д

А можно сделать ссылку на почту?
Конечно можно. Вот пример ссылки на е-mail сайта zvirec.com . <a href="mailto:admin@zvirec.com">Написать письмо админу zvirec.com</a>

Урок 7: Работаем с изображениями
Изображения - это неотъемлемая часть любого сайта в сети интернет. Они используются везде, поэтому давайте разберемся что к чему. Есть три типа файлов изображений, которые можно вставить на ваши ст

А есть ещё атрибуты, которые нам необходимы?
Вот еще пара полезных атрибутов - ALT и TITLE . ALT - определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен

Урок 8: Цвет фона и текста
Мы уже знаем как менять цвет текста, но для этого нам нужно было заключать его в теги font ,а это не всегда удобно. Иногда, лучше задать цвет текста для всего документа. Также, мож

А как можно объединить ячейки?
  Для этого существуют данные атрибуты. COLSPAN – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1. ROWSPAN – опр

Урок 10: Что такое html формы и зачем они нужны.
Html формы - это наверное самая сложная часть языка html. Так что наберитесь терпения и давайте потихоньку начинать. Что такое html формы? Вот смотрите, ниже приведена html форма заказа об

Урок 11: Заканчиваем разбираться с формами
Нам осталось разобрать три элемента формы. Давайте по-порядку: <form name="primer6" method="post" action="obrabotchik.php"> <p>Выберите способ

Урок 12: Смотрим форму в действии
В этом уроке я, как и обещал, дам вам простейший обработчик и расскажу как протестировать форму. Будем тестировать вот такую форму. Введите ФИО: Введите пароль:

Урок 13: Пару слов про голову документа
Все это время мы говорили про тело документа и уже научились делать свои страницы. Поговорим теперь про голову документа. В первом уроке я говорил, что голова документа открывается те

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги