русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Создание простой HTML странички.


Дата добавления: 2015-06-12; просмотров: 521; Нарушение авторских прав


HTML не язык программирования.

HTML не является языком программирования. Он предназначен для разметки текстовых документов. HTML странички состоят из тэгов (пример: <hr> - горизонтальная линия), т.е. все, что находится между < и > называется тэгом. Все HTML документы начинаются с тэга <html> и заканчиваются тэгом </html>. Тэги бывают разными: только открывающимися и открывающимися/закрывающимися. Пример только открывающегося тэга <hr>. Пример открывающегося/закрывающегося тэга: <html></html>. Есть тэги, которые обязательны. Чтобы посмотреть их кликните сюда.

Урок 2

Создание простой HTML странички.

Для начала откроем любой блокнот. Например стандартный блокнот Windows(Пуск>Программы>Стандартные>Блокнот). Открыли? Хорошо. Теперь напишите следующий текст в блокноте.

<html> <head> <title>1-ая страничка</title> </head> <body> Превет! <br>Это моя первая страничка. </body> </html>

Создадим на диске папку с именем HTML странички и сохраним туда наш документ. Дадим ему имя index.html. Теперь откроем Internet Explorer, заходим в меню Файл>Открыть. Нажимаем на кнопку Обзор и находим наш документ, который мы сохранили, нажимаем кнопку Открыть. Ну как, впечатляет? Посмотреть пример.

А теперь разберемся в нашей писанине.

<html>

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

<head>

это обязательный тэг. Что-то вроде головы. Между этим тэгом мы пишем что-то вроде служебной информации.

<title>1-ая страничка</title>

все, что вы напишите между <title> и </title> будет отображено в заголовке окна. В данном случае там будет написано: 1-ая страничка.



</head>

закрытие тэга головы.

<body>

это обязательный тэг. Будем называть его телом. Все, что вы напишите между тэгом <body> и </body> будет отображено на вашей страничке. Весь текст, написанный в теле будет отображен в строку. Для того, чтобы текст был не в строку, а скажем каждое предложение с новой строки, то ставим тэг <br> перед или после предложения. О нем ниже.

<br>

переход на следующую строку. Тэг закрывать ненужно.

</body>

обязательный тэг. Закрытие тела.

</html>

обязательный тэг. Конец нашего документа.

Есть еще множество тэгов, но о них мы поговорим в следующих уроках.

Если вы измените что-нибудь в нашем *.html файле и захотите посмотреть изменения, то откройте Internet Explorer и загрузите ваше страничку. Если она у вас уже загружена, то просто нажмите F5 или на кнопку Обновить. Урок 3



<== предыдущая лекция | следующая лекция ==>
Клиеинт | Установление цвета фона и текста.


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.725 сек.