Успешное подключения к БД.

-------------------
Вы знаете, как устроен наш мир?



---Load files---
Совет: если изображения отображаются неправильно, попробуйте очистить кеш браузера!
Поиск на странице - нажмите "Ctrl+F", Поиск на сайте - поле ввода "Яндекс-Найти" на "шапке",
Поиск в интернете - 1) выделите текст, 2) нажмите правую клавишу мыши и 3) выберите поисковик.

С О Д Е Р Ж А Н И Е

------- Тимин В.А. (mail: timinva@yandex.ru) Дата последней загрузки: April 21 2018. -------
Ссылка на этот материал: moya_pyervaya_HTML_stranica.htm)

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

      

Здравствуйте, это моя первая страничка.

Я начинаю изучать язык разметки текстов HTML!

Язык  HTML не требует установки каких-либо специальных программ. Для этого достаточно иметь компьютер и Windows-программу "Блокнот". Напечатаем следующий текст:

<html>
    <head>
        <title>
           Привет мир! Это моя первая страничка   
        </title>
    </head>
    <body>
        Здравствуйте, это моя первая страничка.
        <br>
        Я начинаю изучать язык разметки текстов HTML!
    </body>
</html>

Текст 1.

После чего нажимаем на вкладку Файл, выбираем пункт "Сохранить как" и в строке "Имя файла", присваиваем нашему документу имя - index.html, где index - стандартное имя файла, а .html - его стандартное расширение! Не забывайте дописывать его через точку после имени.

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

<html><head><title>Привет мир! Это моя первая страничка</title></head><body>Здравствуйте, это моя первая страничка.<br>Я начинаю изучать язык разметки текстов HTML!</body></html>

Текст 2.

Теперь открываем этот файл при помощи браузера. Для этого находим наш файл index.html, нажимаем правую клавишу мыши и выбираем любимый иами браузер. Это могут быть Internet Explorer, Opera, Yandex, различные ?chrome. Если все сделали правильно, то в открытом окне увидите приветствие, которое мы написали в примере. Только не забудьте вернуться назад:

Посмотреть результат

Он похож на следующий текст, и он гораздо более короткий, потому что в нем уже нет никаких тегов (см. далее):

Здравствуйте, это моя первая страничка.
Я начинаю изучать язык разметки текстов HTML!

Текст 3.

Поздравляю, вы только что создали свою первую веб-страничку!
Вы заметили разницу между исходным текстом и результатом?
Давайте разберемся с тем, что написано в нашем примере. Все, что заключено в , называется тегами, когда люди переходят на ваш сайт, естественно, они не видят их, но благодаря этим тегам, браузер выводит в нужной форме все элементы на вашу веб-страницу. Люди видят только тот текст, что находится между символами > и <, но опять же не между символами < и >,
Сразу же заметим, что почти каждый тег <тег> заканчивается закрывающим тегом </тег>, за небольшим исключением
Итак, давайте посмотрим на теги из нашего примера глазами браузера:

<html>

Парный тег. Этот тег браузер понимает как сигнал к тому, что дальше последует документ, который необходимо вывести на монитор пользователя.

<head>

Парный тег. С английского переводится как "голова", в этой самой голове и указывается вся основная служебная информация о веб странице. Например, название страницы вашего сайта, которое будет отображаться на вкладке браузера. Название задается тегом, который описан ниже:

<title> ... </title>

Парный тег. Название веб страницы, то есть между этими тегами нужно указать название страницы вашего сайта, которое будет отображаться на вкладке браузера!

</head>

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

<body>

Парный тег. "Тело", все то, что вы опишите после этого тега, увидят пользователи всемирной паутины, посетив ваш сайт. Это и текст, и картинки, и видео, и браузерные игры и все, все, все, что должен увидеть пользователь сайта!

<br>

Это не парный тег. Перенос текста на следующую строчку. Для того, чтобы перенести текст на новую строку недостаточно нажать кнопку Enter, так как браузер автоматически удаляет все лишние переносы и пробелы. Именно поэтому без этого тега не обойтись.
Есть еще один тег, с помощью которого производится перевод строки - это парный тег
<p> ... </p>. Если тег <br> просто переводит на новую строку без увеличения интервала, то тег <p> ... </p> переводит на новую строку с увеличением интервала между строками.

</body>

Закрытие тела. Как только мы дописали всю информацию, которую должен видеть пользователь, необходимо закрыть тело страницы!

</html>

Ну вот и все, наш документ начинался с тега <html> и закрылся тегом </html>. Для того, чтобы браузер не ругался, все теги надо вставлять четко и в определенной последовательности. Вот маленький шаблончик, по которому необходимо составлять все HTML-документы:

<html>
    <head>
        <title>
           Наименование сайта   
        </title>
    </head>
    <body>
        Текст HTML страницы сайта.
    </body>
</html>

Текст 4.

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

Совет 1. Пишите текст лесенкой!

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

<html>
<head>
<title>
Привет мир! Это моя первая страничка   
</title>
</head>
<body>
Здравствуйте, это моя первая страничка.
<br>
Я начинаю изучать язык разметки текстова HTML!
</body>
</html>

Текст 5.

Старайтесь сразу придерживаться правильной манере написания! Отступы делаются при помощи клавиши TAB. Одно нажатие устанавливает сразу 4 пробела! Придерживаться данному правилу необходимо для того, чтобы увеличить читаемость кода, ведь очень часто приходится возвращаться к написанному, для редактирования. И стоит задумываться о том, что однажды в вашем коде придется разбираться другому человеку и ему будет совсем не просто, если у вас полный бардак.  

Совет 2. Наименование HTML-файла

Когда вы начнете писать свой первый сайт, необходимо будет создать папку, название папки особое значения не имеет, но когда вы начнете создавать странички, давайте им осмысленные имена, не надо давать имена типа: 12345.html или asdfsdf.html, такие имена приведут к хаосу, рано или поздно вы начнете путаться в таком беспорядке. Связывайте имя файла с содержимым вашей странички. Например, нашу первую страничку можно было именовать как "my_first_page", если бы она не была главной страницей. На данном этапе это не принципиально, но представьте, на вашем сайте 100 страниц и если вы не обладатель суперпамяти, думаю, вам будет не просто.

Совет 3. Главный файл сайта - index.html

И еще: главная страничка вашего сайта обязательно должна иметь имя index.html, во время обучения это и не столь важно, но вам понадобится это в дальнейшем, чем раньше вы к этому привыкнете, тем лучше.
И еще: на просторах интернета иногда (или часто? или даже всегда?) имеет значение, какие символы применяются в имени файла: заглавные или прописные. Лучше думать, что имеет значение.
 

Ссылка на этот материал: moya_pyervaya_HTML_stranica.htm)

- - - ВЫ МОЖЕТЕ ОСТАВИТЬ ПЕРВЫЙ КОММЕНТАРИЙ! - - -


Введите логин:      Введите эл.адрес:

Введите пароль:    Ваш телефон:        

Введите Ваш комментарий:
Формулы:

(возможно использование BB-кодов для оформления комментария и кодов LaTeX для ввода формул)

Решите пример: 77 to erect in degree 0 =

---Load files---
Сегодня - 20_08_2019
Время переоткрытия сайта 13 ч 59 м по Гр.
Календарь
на АВГУСТ месяц 2018 г.
Пн Вт Ср Чт Пт Сб Вс
      1; 2; 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
(8 431)

---Load files---

---Load files---

© Все права защищены 2017-2019 При использовании материалов сайта ссылка на http://lowsofphisics.ru обязательна.

В НАЧАЛО
КОММЕНТ
В КОНЕЦ
U:5 V:6
Уникальных посетителей: 5 Просмотров: 6