Форум » HTML » Первая HTML страница » Ответить

Первая HTML страница

studprog: Информация на этом форуме не является стандартом, и предназначена для "быстрого старта" при создании первого сайта. В описаниях нет (и не будет) полного синтаксического анализа. 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 является языком логической разметки, а не визуального форматирования. Хотя, конечно, в нем присутствуют и теги форматирования. В приведенном примере, нет визуального форматирования. Представьте себе, что есть браузеры для слепых, которые читают текст. Так вот, приведенный пример будет "одинаковым" во всех барузерах, на любых платформах. И "одинаковость" будет не визуальная, а содержательная. Это как разница между бумагой и глиняной табличкой, и то и другое может нести одинаковое содержание, но с помощью разных технологий.

Ответов - 27, стр: 1 2 All

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

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

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


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

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

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

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

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

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

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

studprog: Надо освоить темы "файловая система", "адресация файлов" и "адресация ресурсов в интернете". background="URL" URL - должен быть адресом файла. Если файл находится в той же папке, что и HTML-файл, то надо написать просто имя файла. План действий 1. Файл с картинкой кладем "рядом" с HTML-файлом 2. В HTML-файле пишем <body background="hgjhgjhg.bmp"> 3. Открыаем в браузере HTML-файл и смотрим :))) Еще одно "нравоучение" - не используй bmp для интернет-графики. Такие рисунки получаются очень тяжелыми. Открой в любом редакторе графики и "Сохранить как..." в формате gif.

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

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

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

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

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

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

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

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

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



полная версия страницы