Основы языка html
Первоначально, что тебе неоходимо усвоить: хтмл (html) - это то, что ты сейчас изучаешь. Второе, что тебе нужно усвоить: html не является языком программирования, он предназначен для разметки текстовых документов,с помощью него мы размечаем текст и прочее на нашей странице). То, как будут выглядеть картинки, текст и другие элементы на твоей странице, и то как они будут расположены относительно друг друга, определяют метки или просто -тэги.
<html>
<head>
<title>основы языка html! </title>
</head>
<body>
Привет, это моя первая страница.
<br />
Добро пожаловать!
</body>
</html>
Образец тэга: <br /> (перенос текста на другую строку). Попробуй вставить еще несколько тэгов <br /> в нашем документе перед «добро пожаловать!». Сохранить. Посмотри в своем обозревателе, что получилось.
Таким образом, все, что находится между < дескрипторами -так называются скобки > - это тэг. Текст, не находящийся между такими скобками < дескрипторами> - весь виден при просмотре в обозревателе.
Как ты видишь на нашем примере: тэгов много, и они разные.Существуют обязательные теги, это такие теги, которые ты всегда должен прописывать для каждой своей страницы.
<html>
Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий:
</html>
Некоторые тэги, вроде <br />, не требуют закрывающего тэга.Но этот тег тоже должен быть закрыт косой дробной чертой,<br пробел/косая черта>
Таким образом, вернемся, к нашему документу . <head> </head> - голова документа
<body> </body> - тело документа
Все тэги, расположенные между <head> </head>, содержат служебную информацию,тебе в это в данный момент не стоит сильно вникать в то что там должно быть .Запомни на этом этапе тег <title>- заголовок. Зачем он? Открой в обозревателе свой документ и посмотри на заголовок окна... Видишь?:)
Все тэги, расположенные между <body> </body> - непосредственное содержание документа. Но прежде, все-таки закончим наш разговор о тэгах, в общем.
<тэг> </тэг> - не просто тэг, это контейнер - тэг, который может содержать внутри себя другие тэги (и текст).
Обрати внимание:
<тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1>
Только такая очередность закрывающих тэгов будет верна: тэг, который мы открыли первоночально - закрываем последним, второй – предпоследним и т.д.
Т.е. следующая очередность нежелательна и не верна, она может привести к ошибкам на вашей страничке:
<тэг1><тэг2><тэг3> ... </тэг3></тэг1></тэг2>
Так что будьте внимательны, и пишите код своих страничек аккуратно и вдумчиво.
Еще раз повторим: Большинство тегов имеют открывающийся элемент <> и закрывающийся </> . Между ними и находяться коды, которые распознает Обозреватель. HTML-документ всегда начинаться отрывающимся тегом <HTML> и заканчиваться закрывающим </HTML> . Дальше идет заголовок <HEAD></HEAD> . Между этими тегами всегда должна находиться информация о кодировки страницы, в нашем случае <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> , и теги опредиляющие название страницы <TITLE></TITLE> . Только после между тегами содержимого документа <BODY></BODY> можно распологать свою информацию, рисунки, видеофайлы, аудиофайлы.
Этапы создания сайта
HTML
- Начало уроки html верстки
- Основы языка html (теги)
- Разметка html (цвета)
- Офорление текста html страницы
- Изаображения на странице
- Создание ссылок
- Создание списков
- Линии на странице
- Создание html таблиц
- <head>Список meta тегов</head>
- программа создания meta тегов
- Список/Шпаргалка HTML тегов