Создание сайтов и программирование

Платные услуги → работа на ПАСКАЛЬ и C/C++, решение задач студентам!



АвторСообщение
администратор




Сообщение: 3
Настроение: Кого бы послать...
Зарегистрирован: 11.06.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 15.06.07 15:16. Заголовок: Первая HTML страница


Информация на этом форуме не является стандартом, и предназначена для "быстрого старта" при создании первого сайта. В описаниях нет (и не будет) полного синтаксического анализа.

HTML - HyperText Markup Language - язык гипертекстовой разметки.
Гипертекст - принцип организации информации, при котором части одного информационного блока, могут указывать (ссылаться) на другой блок.


Первая страница, которую Вы можете сделать в блокноте.

Откройте Блокнот, наберите нижеследующий текст и сохраните в файле с расширением html. Откройте полученный файл любым браузером.

<html>
<body>
<h1>Здравствуй Мир!</h1>
<p>Это моя первая страница, сделанная моими руками.</p>
<p>А это второй абзац в первой странице.</p>
</body>
</html>


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

То, что находится в угловых скобках, называется "Тэг" (tag).

Тэги, являются основными конструкциями HTML, и предназначены для логического (в основном) форматирования, т.е. для представления логической структуры документа.

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

<html>...</html> - документ в формате HTML. Должен содержать один тэг <head> и один тег <body>
<body>...</body> - тело документа, его содержательная часть
<h1>...</h1> - заголовок, что-то, что является содержательным заголовком*.
<p>...</p> - абзац (paragraph).

* Некоторые, вероятно считают, что <h1> можно использовать для вывода текста "большим и толстым" шрифтом. Это очень грубая ошибка. Тэг заголовка является указателем того, что содержимое его является заголовком для последующей части. То, что браузер выводит содержимое заголовка "толстым и большим" является делом браузера.
Непонимание этого может привести к плачевным последствиям. Если вы выделите таким образом существенную часть текста страницы, то поисковые системы, могут посчитать это спамом, и страница будет выкинута из индексации.

Постарайтесь понять, HTML является языком логической разметки, а не визуального форматирования. Хотя, конечно, в нем присутствуют и теги форматирования. В приведенном примере, нет визуального форматирования. Представьте себе, что есть браузеры для слепых, которые читают текст. Так вот, приведенный пример будет "одинаковым" во всех барузерах, на любых платформах. И "одинаковость" будет не визуальная, а содержательная. Это как разница между бумагой и глиняной табличкой, и то и другое может нести одинаковое содержание, но с помощью разных технологий.

Спасибо: 0 
ПрофильЦитата Ответить
Ответов - 27 , стр: 1 2 All [только новые]





Сообщение: 3
Зарегистрирован: 18.07.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 19.07.07 08:09. Заголовок: Re:


да и тут ничего не понятно...Эта информация не для индейцев...Сложно что-то понять,когда вообще в этом полный ноль.

Спасибо: 0 
ПрофильЦитата Ответить
администратор




Сообщение: 15
Настроение: Кого бы послать...
Зарегистрирован: 11.06.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 19.07.07 13:19. Заголовок: Re:


Сожалею, но это нижний предел сложности. Если инструкции на этой страницы невыполнимы, то, вероятно, про самостоятельное создание интернет ресурсов придется забыть


Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 1
Зарегистрирован: 23.09.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 23.09.07 17:28. Заголовок: Re:


спасибо. получилось.
а как делать текст красивым и фон вставлять, и картинки?

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 1
Зарегистрирован: 22.10.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 22.10.07 01:56. Заголовок: Re:


Ммм... Ну это я в принципе умела делать. Но все равно спасибо.

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 1
Зарегистрирован: 24.10.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 24.10.07 14:29. Заголовок: Re:


Спасибо. Азам научили.

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 1
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 10.11.07 19:02. Заголовок: Re:


Ну...суть я уловила...но...После <body у меня ничё не пишет.Кароч...У мя на странице вот что:
<html>
<head>
<title>Народ.Ру: Новая страница</title>
</head>
<body>

<BR><CENTER><IMG SRC=http://www.narod.ru/counter.xhtml></CENTER><BR></BODY>
</html>
Что мне в таком случае делать?Где вставить фон?И ещё...Я хочу сделать определённый шрифт и размер текста.Как это сделать?

Спасибо: 0 
ПрофильЦитата Ответить
администратор




Сообщение: 21
Настроение: Кого бы послать...
Зарегистрирован: 11.06.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 10.11.07 20:04. Заголовок: Nastusha2552 Фон &..


Nastusha2552

Фон
<body background="http://логин.narod.ru/имя_файла_с_картинкой">

Со шрифтом сложнее, можно так
<... style="font-family: 'Имя шрифта', 'Имя другого шрифта', 'Times Roman'; font-size: 150%; color: red;">Тесктовое содержимое некоторого тега, которое будет выводится в полтора раза больше обычного, красным цветом, а шрифт будет применен первый доступный из списка.</...>
Многоточием обозначен некоторый тег. Если сделать в <body>, то шрифт будет связан со все страницей, а если сделать в теге абзаца, то, естественно, шрифт будет применен только к абзацу.

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 2
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 11.11.07 13:37. Заголовок: Ну написала.Дальше ..


Ну написала.Дальше открывается окно.Я нажимаю продолжить редактирование.Фон уже должен быть в текстовом редакторе?

Спасибо: 0 
ПрофильЦитата Ответить
администратор




Сообщение: 22
Настроение: Кого бы послать...
Зарегистрирован: 11.06.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 11.11.07 18:24. Заголовок: Бр-р-р-р, ничего не ..


Бр-р-р-р, ничего не понял. Обычно, сперва пишут, потом нажимают, потом открывается окно. А у тебя - написала, открывается окно...? С чего оно открылось, и какое окно, в чем "писалось"?

Обычно, никаких эффектов форматирования и оформления в "чисто"-текстовом редакторе не видно.

Если работаешь на Народе, попробуй работать "локально" (т.е. не на Народе), тебе не потребуется даже подключаться к интернету. Просто, тупо выполни предложение с которого начинается эта тема форума. Вероятно, надо понять разницу между текстом в текстовом файле и интерпретацией браузером HTML-кода из текстового файла.

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 4
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 13.11.07 11:30. Заголовок: А вот у меня не ..


А вот у меня не получилось... Вот я написала:
<body background="http://tatu8123.narod.ru/C:\Documents and Settings\Владелец\Мои документы\Мои рисунки\мои рисунки2\hgjhgjhg.bmp @ 100% (25 of 41)" -это фон
А шрифт получился!

Спасибо: 0 
ПрофильЦитата Ответить
администратор




Сообщение: 24
Настроение: Кого бы послать...
Зарегистрирован: 11.06.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 13.11.07 18:25. Заголовок: Надо освоить темы &#..


Надо освоить темы "файловая система", "адресация файлов" и "адресация ресурсов в интернете".
background="URL"
URL - должен быть адресом файла. Если файл находится в той же папке, что и HTML-файл, то надо написать просто имя файла.

План действий
1. Файл с картинкой кладем "рядом" с HTML-файлом
2. В HTML-файле пишем <body background="hgjhgjhg.bmp">
3. Открыаем в браузере HTML-файл и смотрим :)))

Еще одно "нравоучение" - не используй bmp для интернет-графики. Такие рисунки получаются очень тяжелыми. Открой в любом редакторе графики и "Сохранить как..." в формате gif.

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 5
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 13.11.07 20:39. Заголовок: ТАК ВОТ В ЧЁМ ДЕ..


ТАК ВОТ В ЧЁМ ДЕЛО!

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 6
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 14.11.07 12:23. Заголовок: Слушай...я б хотел..


Слушай...я б хотела узнать что такое URL.Я где-то слышала...я знаю что это типа файла папки ну или что-то наподобии...

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 7
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 15.11.07 14:33. Заголовок: клёф!у меня получи..


клёф!у меня получилось! Но только не срзу.У меня Интеренет-Эксплорер и видимо из-за этого

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 8
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 17.11.07 22:58. Заголовок: Послушай...у меня ..


Послушай...у меня тут проблемка...Я создала html-файл.Я туда вставила анекдоты.Я их поставила "столбцом" т. е. не в строчку,а от левого края оставила пробелы.Я смотрю эту страницу на сайте,а там всё в строчку.Не так как в текстовом редакторе.что мне делать?Заранее спс.

Спасибо: 0 
ПрофильЦитата Ответить
администратор




Сообщение: 25
Настроение: Кого бы послать...
Зарегистрирован: 11.06.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 18.11.07 00:24. Заголовок: 1. URL - Uniform Res..


1. URL - Uniform Resource Locator (world wide web address)
В общем случае - протокол://логин:пароль@доменное_имя:номер_порта/путь_к_ресурсу_на_сервере/имя_файла#якорь?список_параметров
Обычно
протокол - http
логин, пароль и номер порта не указывают
путь - адрес папки
якорь - внутренняя метка для HTML файлов на которую можно ссылаться
список параметров, обычно, используется для программ, а не для статических файлов

Если ресурс находится на том же сервере (домене), что и файл из которого идет ссылка, то протокол и домен можно не указывать.
Аналогично, если ссылаемся на файл в той же директории, то достаточно только имени файла.

2. Любая последовательность пробелов и переносов строк, браузером интерпретируется как один пробел. Для форматирования текста испльзуют абзацы <p>...</p> и можно использовать разрыв строки <br>


Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 9
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 18.11.07 19:35. Заголовок: пасибочки огромное!..


пасибочки огромное!и чтоб я без вас делала?

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 16
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 03.12.07 13:34. Заголовок: эх...всё-же я попр..


эх...всё-же я попробовала разрыв строки <br> но...я хочу,чтоб у меня были пробелы со сторон.в строчку уже не пишется,но получается,что слева весь текст,а справа-пустое место

Спасибо: 0 
ПрофильЦитата Ответить
администратор




Сообщение: 29
Настроение: Кого бы послать...
Зарегистрирован: 11.06.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 06.12.07 20:21. Заголовок: :sm109: - шоб я чет..


- шоб я чет понял с последнего поста.
- повторить!

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 17
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 07.12.07 18:31. Заголовок: Пасиб:))уже ненадо)..


Пасиб:))уже ненадо))Пока форум не отвечал(на веб узле)я сама уже разобралась:)))))У меня к тебе,надеюсь последний вопрос:)Где ты создал такой форум?

Спасибо: 0 
ПрофильЦитата Ответить
администратор




Сообщение: 30
Настроение: Кого бы послать...
Зарегистрирован: 11.06.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 07.12.07 19:33. Заголовок: См. домен второго ур..


См. домен второго уровня этого форума ;)

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 20
Зарегистрирован: 10.11.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 25.12.07 12:56. Заголовок: А как же тогда с..


А как же тогда сделать в html-редакторе картинку???

Спасибо: 0 
ПрофильЦитата Ответить
администратор




Сообщение: 33
Настроение: Кого бы послать...
Зарегистрирован: 11.06.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 25.12.07 14:00. Заголовок: Nastusha2552 Никак,..


Nastusha2552
Никак, HTML - это текст описывающий разметку и текстовое содержимое документа, изображения вставляются в страницу тегом <img> в котором указывается адрес файла с изображением.
См. http://studprog.forum24.ru/?1-1-0-00000002-000-0-0-1190565330

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 1
Зарегистрирован: 29.12.09
Рейтинг: 0
ссылка на сообщение  Отправлено: 29.12.09 00:25. Заголовок: dta1970 пишет: да и..


dta1970 пишет:

 цитата:
да и тут ничего не понятно...Эта информация не для индейцев...Сложно что-то понять,когда вообще в этом полный ноль.


Всё понятно языком проги написано учи и всё

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 2
Зарегистрирован: 29.12.09
Рейтинг: 0
ссылка на сообщение  Отправлено: 29.12.09 00:30. Заголовок: Nastusha2552 пишет: ..


Nastusha2552 пишет:

 цитата:
Послушай...у меня тут проблемка...Я создала html-файл.Я туда вставила анекдоты.Я их поставила "столбцом" т. е. не в строчку,а от левого края оставила пробелы.Я смотрю эту страницу на сайте,а там всё в строчку.Не так как в текстовом редакторе.что мне делать?Заранее спс.


После каждого анегдота вставляй тег <HR>

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 3
Зарегистрирован: 29.12.09
Рейтинг: 0
ссылка на сообщение  Отправлено: 29.12.09 00:34. Заголовок: Nastusha2552 пишет: ..


Nastusha2552 пишет:

 цитата:
эх...всё-же я попробовала разрыв строки <br> но...я хочу,чтоб у меня были пробелы со сторон.в строчку уже не пишется,но получается,что слева весь текст,а справа-пустое место


<HTML>
<HEAD>
<TITLE>....</TITLE>
</HEAD>
<BODY>
<CENTER>
...............
</CENTER>
</BODY>
</HTML>

Спасибо: 0 
ПрофильЦитата Ответить



Сообщение: 4
Зарегистрирован: 29.12.09
Рейтинг: 0
ссылка на сообщение  Отправлено: 29.12.09 00:34. Заголовок: :sm116: ..




Спасибо: 0 
ПрофильЦитата Ответить
Ответов - 27 , стр: 1 2 All [только новые]
Ответ:
1 2 3 4 5 6 7 8 9
большой шрифт малый шрифт надстрочный подстрочный заголовок большой заголовок видео с youtube.com картинка из интернета картинка с компьютера ссылка файл с компьютера русская клавиатура транслитератор  цитата  кавычки моноширинный шрифт моноширинный шрифт горизонтальная линия отступ точка LI бегущая строка оффтопик свернутый текст

показывать это сообщение только модераторам
не делать ссылки активными
Имя, пароль:      зарегистрироваться    
Тему читают:
- участник сейчас на форуме
- участник вне форума
Все даты в формате GMT  3 час. Хитов сегодня: 0
Права: смайлы да, картинки да, шрифты да, голосования нет
аватары да, автозамена ссылок вкл, премодерация откл, правка нет



Форум открыт для решения вопросов, возникающих при попытке создать свой первый сайт. Обсуждаются вопросы, связанные с кодированием, дизайном и размещением сайтов в интернете (hosting).

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

Дополнительный раздел по программированию для PC ориентирован на школьников и студентов.

Поиск работы - база резюме и вакансий.

Форум

Форум помощи студентам - решение задач по начертательной геометрии, курсовые работы studentka.borda.ru


2007.06.11