Создание сайта на HTML
![Создание сайта на HTML](/images/articles/html-sozdanie-sajta.jpg)
Здравствуйте, меня зовут Михаил Русаков!
В этой статье я расскажу Вам о создании простейшего сайта. Кто знает, может быть, знания, которые Вы получите в этой статье, впоследствии станут началом Вашего успеха.
Я склонен полагать, что у Вас имеется большое желание научиться создавать свои собственные сайты. Разумеется, крайне глупо пытаться познать эту науку с изучения какого-нибудь PHP. Гораздо разумнее начать с чего-нибудь попроще, а именно с HTML (HyperText Markup Language - язык гипертекстовой разметки) - базового языка, на котором и построен любой, даже самый сложный сайт. Без этого языка не было бы ни одного сайта, более того, HTML - простейший язык, который может освоить даже школьник (яркий пример - Ваш покорный слуга, начавший осваивать HTML ещё в школе, причём весьма успешно).
Ладно, хватит болтовни - пора приступать к созданию нашего с Вами первого сайта, и этот процесс будет называться: "Создание сайта на HTML".
Первое, что нужно решить: где создавать сайт? Разумеется, можно и в обычном блокноте. Но это несерьёзно (мы так в школе писали), поэтому давайте лучше будем использовать что-нибудь "потяжелее". Я остановил свой выбор на редакторе "Notepad++" - замечательная программа, которая позволяет писать код на огромном количестве языков, в том плане, что это будет весьма и весьма удобно. Не буду сильно её хвалить, потому что для написания кода для серьёзных языков (Java, C++ и т. д.) она не подходит - много лишних проблем возникнет. Но для таких языков, как HTML, CSS, JavaScript и даже PHP - очень хороший выбор.
Скачать Notepad++ можно, пройдя по этой ссылке: http://notepad-plus.sourceforge.net/ru/site.htm
Устанавливаем и запускаем редактор. Сразу сохраняем страницу под именем index.html. Теперь пишем (пожалуйста, напишите, а не скопируйте!) в окне редактора:
<html>
<head>
</head>
<body>
</body>
</html>
Написали? Сохранили? Поздравляю Вас, Вы только что создали самую простую (но очень важную!!!) HTML-страницу!
Теперь можно нашу страницу открыть в браузере. Так и поступим.
Что-нибудь видите? Я уверен, что нет. И это неудивительно, ведь это самая элементарная страница. Вы можете посмотреть исходник страницы. Для этого в меню "Вид" выберите пункт меню "Просмотр HTML кода", "Исходный код страницы" или что-то в этом духе, в зависимости от Вашего браузера. Также можно просто нажать CTRL-U (в большинстве браузеров откроется исходный код страницы), и Вы увидите Ваш код.
А теперь давайте обсудим, что мы здесь написали.
<html>, <head>, <body> - это открывающие теги. Иногда их ещё называют дескрипторы, но я привык называть их тегами, поэтому далее так и буду писать.
</html>, </head>, </body> - это закрывающие теги.
Теги бывают парные и одиночные. Парные теги - это теги, которые нуждаются в закрывающем, то есть все три тега, которые мы использовали являются парными, так как они открываются и потом закрываются.
Одиночные теги - это теги, которые не требуют наличие закрывающего тега.
Теперь что касается назначения данных тегов.
Тег <html> означает начало HTML-документа.
Тег <head> означает начало заголовка HTML-документа. Сюда могут входить, например, заголовок страницы, различные мета-теги. Обо всём об этом погорим чуть ниже.
Тег </head> означает конец заголовка HTML-документа.
Тег <body> означает начало самого документа. То есть всё (текст, картинки, ссылки и т. д.), что Вы видите на страницах в Интернете - всё расположено в теге <body>.
Тег </body> означает конец содержимого документа.
Тег </html> означает конец HTML-страницы.
Теперь давайте немного добавим в нашу страницу кода, уж, больно она примитивная у нас пока. Внутри тега <head> добавьте такой код:
<title>Наша страница</title>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
Тег <title> определяет заголовок страницы, который будет отображён в заголовке окна браузера.
Тег </title> сообщает, что здесь заголовок заканчивается.
Что касается тега <meta>, то здесь сначала я должен сообщить об атрибутах тегов. У тегов могут быть различные атрибуты, определяющие, например, вид их содержимого. Атрибуты ставятся внутри открывающего тега и имеют следующий вид:
Название = "значение".
Тег <meta> у нас определяет тип содержимого документа. Атрибут http-equiv и его значение Content-type определяет, что сейчас будет описан тип документа. Атрибут content и его значение text/html; charset = windows-1251 сообщают браузеру, что данный документ является HTML-документом (text/html), и кодировка этого документа кириллица (windows-1251). Это был пример мета-тегов. Я думаю, что пока с ними хватит.
Теперь займёмся содержимым документа. Надеюсь, что Вы уже поняли, что раз содержимое страницы - значит, будем писать что-то внутри тега <body>. Давайте напишем следующий код внутри тега <body>:
<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2>
<h3>Заголовок 3-го уровня</h3>
<h4>Заголовок 4-го уровня</h4>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>
Теги <h1>, <h2>, <h3>, <h4>, <h5>, <h6> - выводят текст в браузере. Причём этот текст является заголовком, более того, чем больше цифра (от 1-го до 6-ти), тем менее крупным шрифтом будет выведен соответствующий текст. Таким образом, код Вашей страницы имеет вид:
<html>
<head>
<title>Наша страница</title>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
</head>
<body>
<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2>
<h3>Заголовок 3-го уровня</h3>
<h4>Заголовок 4-го уровня</h4>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>
</body>
</html>
Сохраните страницу и посмотрите на неё в браузере.
Также можно добавить немного атрибутов и в тег <body>. Давайте добавим атрибут text со значением green (зелёный). И атрибут bgcolor со значением yellow (жёлтый).
Таким образом, тег <body> выглядит так:
<body text = "green" bgcolor = "yellow">
<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2>
<h3>Заголовок 3-го уровня</h3>
<h4>Заголовок 4-го уровня</h4>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>
</body>
</html>
Сохраните страницу и посмотрите на неё в браузере. Как видите, фон страницы стал жёлтым, а текст стал зелёным.
Думаю, что на сегодня хватит для Вас материала. Очень полезно будет потренироваться в выводе разного текста, разными цветами.
Увидимся в следующей статье!
С уважением, Михаил Русаков.
P.S. Бесплатный курс по HTML: http://srs.myrusakov.ru/html
-
-
Михаил Русаков
Комментарии (168):
Михаил спасибо тебе за отличный сайт. много хорошего и полезного подчеркнул для себя,теперь буду частым гостем тут)))
Ответить
Отличный ресурс. Для новичков, просто и доступно. Спасибо.
Ответить
Михаил, открыл исходник страницы, дошел до: Теперь давайте немного добавим в нашу страницу кода, уж, больно она примитивная у нас пока. Внутри тега <head> добавьте такой код: <title>Наша страница</title> <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> и потерялся, не могу понять, де тега <head> находится. и что значить вписать в нее, это в исходнике страницы или в Notepad++, в общем я новичек, объ\сни подробно. Заранее благодарен.
Ответить
Вписать надо в Notepad++. Внутрь тега <head> это значит следующее. Было вот так: <head> </head> Стало вот так: <head> Что-то вписываем сюда </head>
Ответить
Открыл в браузере, выскочили непонятные символы. скопировать сюда не могу.
Ответить
Беда с кодировкой у меня так же было. решение charset=windows-1251 поменяй на charset=utf-8
Ответить
У меня вопрос к Вам Михаил как к специалисту, может и немного не в тему. Что Вы можете сказать о технологии создания сайтов ASP.net? Будут ли у Вас уроки по ней или нет? Мне очень важно знать насколько надо и насколько перспективно ее изучать...
Ответить
Цель ASP.net та же, что и у PHP - создание динамических страниц. Однако, ASP поддерживается только Windows (а PHP и Windows, и Unix), тогда как большинство хостингов находятся на Unix. Вдобавок, ASP (как и новая версия ASP.net) значительно медленнее PHP. Однако, у ASP.net есть много достоинств. Не буду сейчас их все перечислять, но, в основном, они для удобства разработки. Например, там уже есть встроенная реализация авторизации на сайте. Учить эту технологию, на мой взгляд, совсем необязательно, хотя если есть желание и возможность, то её изучение пойдёт только на пользу. На сайте об ASP.net, скорее всего, ничего не будет.
Ответить
Здравствуйте, Михаил спасибо за ваши видеоуроки очень полезный я новичок создавал ниже следующий сайт но на браузере выходить не понятно что как вы говорили абрака дабры не могли бы проверит и исправит. Заранее спасибо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <p> <img src="images/dj_muzic_by_oxygeno2.jpg" alt="Muzic" width="1350" height="130" title="Главная обложка"/> </P> <p> <title> Muzfon.kg</title> <head> </p> </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> body { background-color: black; } h1 { color: #990000; background-color: #FC9804; } </head> <body style="color:#ffff00"> <table border="2" cellpadding="0" cellspacing="0"> <tr> <td width="1350" colspan="3"> <h1 align="center" style="color:#ffff00" vertical="top">MUZFON.KG</h1> <p align="center" style="color:#ffff00"> Самый крупный музыкальный архив Слушайте онлайн и качайте любую музыку — абсолютно бесплатно! </p> </td> </tr> <tr> <td width="250"> <p> <ul> <li> Главная </li> <li> <b>Популярная музыка</b> </li> <li> Танцевальная музыка </li> <li> Зарубежная музыка </li> <li>Кыргызская эстрада</li> <li>Рок-н-ролл</li> <li>Рэп-музыка</li> <li>Классическая музыка</li> <li>Клубная музыка</li> <li>Ретро</li> <li></li> <li></li> </p> </ul> </td> <td width="800"> <p></p> <p></p> <p></p> <p></p> </td> <td> <p> <img src="images/unnamed.jpg" height="450"/> </td> </tr> <tr> <td colspan="3"> <p align="left">copyright© 1011. Все права защишены</P> </td> </tr> </body> </html>
Ответить
http://myrusakov.ru/php-encoding-problems.html
Ответить
Михаил добрый день, Подскажите пожалуйста как скачать одним файлом тему основа HTML? и еще ест ли у вас видео курс по основам HTML? Заранее благодарю.
Ответить
Михаил создал форму опроса ну я голосую а высвечиваеться ошибка,как сделать как у вас чтоб когда пользователь голосовал чтоб пользователь зачитавлся на сайте и появлялось чего больше.Зарание спастюо!
Ответить
Здравствуйте Михаил! Думаю, мне очень повезло, когда я случайно наткнулся на ваш ресурс. Спасибо за видеокурс HTML для новичков! Все "по полочкам". Вопрос: Какую CMS Вы предпочитаете в работе и рекомендуете на ближайщую перспективу.
Ответить
Создавайте свою собственную - это самый лучший вариант. Но для начала подойдёт Joomla, WordPress, DLE. Joomla - это универсальный движок, WordPress - для блогов, DLE - для новостных сайтов.
Ответить
А Ваше мнение о MODx, которую многие хвалят и пропагандируют?
Ответить
Не использовал.
Ответить
Все сделал как написано, нажимаю сохранить, мне пишет что пожалуйста проверти не использует ли другая программа, что то в этом роде. В чём причина Михаил!? Антивирусники все поодключал!!
Ответить
а все, вроде разобрался, надо было в другую папку сохранить!
Ответить
а у меня вместо русских букв отображаются вопросы. что делать?
Ответить
Убедитесь, что кодировка документа совпадает с кодировкой в мета-теге.
Ответить
Здаравствуйте Михаил.Видите на этом сайте *** там есть такая таблича с ценами как так сдедать
Ответить
Через таблицы: http://myrusakov.ru/sozdanie-tablic-html.html
Ответить
да я это знаю чтоб полоска была
Ответить
Через CSS разукрасьте ячейки. Примерно так: td.header {background-color: #0f0;}. Разумеется, в соответствующие td добавьте class="header".
Ответить
я непонял мож напишите код?
Ответить
Я написал код. Если Вы не поняли, то учите CSS: http://myrusakov.ru/css.html
Ответить
Как зделать чтоб картинку было нельзя скачать как сдесь http://www.seosprint.net/ там где человечек со стрелочками стоит её нельзя скачать как также сделать
Ответить
Её можно скачать. Просто она задаётся через CSS, как следствие, простым перетаскиваем на новую вкладку или ПКМ и "Сохранить изображение" не получится.
Ответить
а вы можите написать пример кода
Ответить
div {background: url("image.jpg") no-repeat;}
Ответить
Теперь можно нашу страницу открыть в браузере. Подскажите как это сделать ?
Ответить
Откройте созданный файл в браузере.
Ответить
Разобрался. Спасобо.
Ответить
незнаети где скачать шаблоны соц сетей
Ответить
Поищите в Google.
Ответить
а вы свой сайт на joomla скачали да?
Ответить
Да, здесь дизайн от Joomla. Всё остальное, включая вёрстку, - это уже моё.
Ответить
а как сделать так чтоб когда пользователь водил неверное имя там писали неверное имя а когда верное то пропускали на сайт?
Ответить
Это делается через PHP.
Ответить
Михаил, мне очень важно ваше мнение о моём первом сайте...там всё моё кроме регистрации...и то я её почистил и убрал практически весь мусор...и оцените мои перве статьи...Пожалуйста http://www.kak-sozdat-sait.16mb.com/
Ответить
Неплохо. Как понимаю он ещё не до конца доделан?
Ответить
нет конечно...а статьи как?
Ответить
Для начала нормально. Если ещё попрактиковаться, то у Вас будет очень хорошо получаться.
Ответить
А есть у вас пожелания ко мне? И зарегистрируйтесь там и проверьте всё внутри...если вас не усложнит...если что я могу вас из зарегирированных удалить...И скажите что подправить или добавить...очень мне важно ваше мнение
Ответить
"Сохраните страницу и посмотрите на неё в браузере." Как посмотреть на неё в браузере ?!
Ответить
Откройте html-файл через любой браузер.
Ответить
Пишу index.html получается index.html.txt .Что я делаю не так?
Ответить
http://myrusakov.ru/html-open-txt.html
Ответить
Спасибо,Михаил.
Ответить
Михаил спс за начало...
Ответить
Почему мой сайт не отображается в Интернете?
Ответить
Прочитайте статью http://myrusakov.ru/site-to-internet.html
Ответить
Я делал все по Вашим советам, но веб-страница не отображается в браузере так как у Вас на уроке. Моя страница отображается вот так: Индекс / Имя Последние изменения Размер Описание ________________________________________ изображений/ 15 октября 2012 года, 19:45 - index.html.txt 13-окт-2012 года, 20:49 783 ________________________________________ Apache/2.2.22 (Win32) mod_ssl/2.2.22 OpenSSL/1.0.1c PHP/5.2.12 Сервера на www.avto.local Порт 80 Что Вы можете посоветовать?
Ответить
А всё потому, что у Вас index.html.txt Т.е. не html файл, а вообще текстовый. Читайте тут: http://myrusakov.ru/html-open-txt.html
Ответить
Здравствуйте Михаил!Ну вот ,подумал я Наконец то я добрался до изучения HTML И сразу застопорился. Я скачал как Вы посоветовали Notepad++v 6.2.2.НО не обнаружил в ней страницу index.html,которую надо сохранить И топчусь уже больше часа,а найти не могу!
Ответить
Её нужно создать, как обычный файл. Рекомендую свой бесплатный курс по HTML: http://srs.myrusakov.ru/html
Ответить
Спасибо Михаил разобрался.Сайт для чайников находка!!!!!
Ответить
Здравствуй Михаил. Сделал все как описано, а вместо текста получается " Загодовок 3- РіРѕ СѓСЂРѕРІРЅСЏ " прописано все правильно проверил несколько раз, использую как вы советуете Notepad++ В чем может быть проблема ??
Ответить
http://myrusakov.ru/php-encoding-problems.html
Ответить
Большое спасибо!!
Ответить
Здравствуйте Михаил случайно наткнулся на ваш учебники .Просмотрел почти все уроки по html и вот возник вопрос Хорошие сайты для зароботка и т.д можно создовать только писать код т.е html и других языках . Просто мне кажется что это очень долгая кропотливая работа и будет занимать много времени только чтобы найти нужный мне тег .
Ответить
Причём тут теги? HTML - это лишь начало, и он простой язык. Сайт создать можно и только на нём, насчёт большого заработка не думаю, но чисто теоретически всё возможно.
Ответить
Здравствуйте Михаил! Пишу windows1251 открываю страничку-абра-кадабра,перевожу в кодировке на юникод UTF-8 работает. Пишу UTF-8 получается тоже самое.
Ответить
http://myrusakov.ru/php-encoding-problems.html
Ответить
Михаил извиняюсь за тупость,но где вот это найти:Поместите в корень сайта файл .htaccess с текстом AddDefaultCharset UTF-8.
Ответить
http://myrusakov.ru/php-create-htaccess.html
Ответить
Спасибо! Михаил еще одна проблема,Проверяю на валидость,все нормально только < > " красные.как с этим бороться.
Ответить
Где красные?
Ответить
Я копирую свою страничку переношу в validator.w3.org он выбивает почти на каждой строчке < или > или " они красные строчками в низу.Они пишут Строка 17, колонка 19 : нет атрибута "ширина" <TD ширина = " VAlign 10% '=' сверху '> ✉ Вы использовали атрибут выше в документ, но документ типа вы используете браузер не поддерживает этот атрибут для этого элемента. Эта ошибка часто вызваны неправильным использованием "Строгий" тип документа с документом, который использует фреймы (например, вы должны использовать "переходный" тип документа, чтобы получить "целевых" атрибут), или с помощью поставщика собственных расширений, таких как " MARGINHEIGHT "(это, как правило, закрепляются с помощью CSS, чтобы достичь желаемого эффекта, а). Эта ошибка может также возникнуть, если сам элемент не поддерживается тип документа вы используете, как неопределенный элемент не будет иметь поддерживаемых атрибутов, в этом случае, см. Элемент-неопределенное сообщение об ошибке для получения дополнительной информации. Как исправить: проверить орфографию и случай элементов и атрибутов, (Помните, XHTML все буквы строчные) и / или проверить, что оба они разрешены в выбранный тип документа, и / или использовать CSS вместо этого атрибута. Если вы получили эту ошибку при использовании <embed> элемент включить флэш-носителя на веб-странице, см. FAQ пункта действительны вспышкой .
Ответить
Тогда это ненормально. Атрибута width у тега <td> не существует, отсюда эта ошибка.
Ответить
Михаил как изменить название сайта сейчас мой сайт имеет путь к папке: file:///C:/Documents%20and%20Settings/Admin/%D0%9C%D0%BE%D0%B8%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B/HTML/index10.html А как сделать чтоб например Vlad.ru????
Ответить
Установить Denwer и создать виртуальные хосты. В этом курсе это делается: http://srs.myrusakov.ru/html
Ответить
Здравствуйте! Все сделал как тут написано, а вместо надписей "Заголовок 1-го уровня" и т.д. появляется это: Заголовок 1-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 2-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 3-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 4-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 5-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 6-РіРѕ СѓСЂРѕРІРЅСЏ Что делать?
Ответить
http://myrusakov.ru/php-encoding-problems.html
Ответить
а как менять язык сайта? просто у меня тока по анл языку показывает а вместо рус яз не понятные буквы что делать?
Ответить
http://myrusakov.ru/php-encoding-problems.html
Ответить
здравствуйте,помогите пожалуйста разобраться...сделала все как надо...но в панеле "вид"нет такой опции""Просмотр HTML кода", "Исходный код страницы" или что-то в этом духе"и не могу посмотреть страницу в желто-зеленом цвете(((помогите,очень хочу научиться создать свой сайт
Ответить
CTRL+U попробуйте.
Ответить
пробовала...не помогает(((
Ответить
А КАК вообще,то что я создала в редакторе,перенести в браузер?и куда?объясните пожалуйста
Ответить
http://srs.myrusakov.ru/html
Ответить
подскажите пожалуйста вписал верную кодировку а браузер все равно выводит кракозябры
Ответить
http://myrusakov.ru/php-encoding-problems.html
Ответить
Скажите, Михаил, если я создам свой сайт и буду получать с него доход , обязан ли я буду платить какойто налог?
Ответить
По закону да.
Ответить
А реально? Извините за некорректный вопрос, а вот вы например платите?
Ответить
Я плачу. А вообще, если зарабатываете меньше 100 000 рублей в месяц, то это глупо платить, никому эти копейки неинтересны, да и положение с таким доходом весьма шаткое. А потом замучаетесь ликвидировать ИП. Плюс ещё в пенсионный фонд 35 тысяч где-то ежегодно надо платить.
Ответить
А не могли бы вы рассказать о рисках и ответственнастях размещения сайта в интернете? Да и что такое ИП? И еще вопрос скажите я просто начинающий, а про 100000 это реально, учитывая что мне всего 14 лет ?
Ответить
С этими вопросами лучше обращаться к юристу.
Ответить
Спасибо.
Ответить
Здравствуйте, Михаил! Занимаюсь версткой сайта, опираясь на Ваш видеокурс "Верстка сайта с нуля". Подскажите, пожалуйста, почему сверстаная страница корректно отображена в ОПЕРЕ, и не корректно в ЭКСПЛОРЕРЕ? Заранее спасибо
Ответить
Потому что это слишком разные браузеры. Для IE обычно создаётся отдельный файл стилей, где вносят небольшие коррективы там, где это требуется.
Ответить
Как хорошо, а я расстроилась, думала, что я совсем бездарная ученица). А Вы эту тему рассматриваете в каких-то видеокурсах или статьях. Хотелось бы и таким тонкостям в перспективе научиться.
Ответить
Михаил, мы с другом создали сайт немогли бы вы посмотреть наш сайт на наличие ошибок/замечаний Вот ссылка http://progbase.ru
Ответить
Невалидный сайт.
Ответить
Тоесть невалидный код?
Ответить
Да.
Ответить
Ты зачем тег <div> в тег <а> засунул? Тег <div> блочный элемент и он не должен внутри тега <a> быть, вместо него используй <span> ,а вообще ошибок там куча, теги не закрыты и так далее.
Ответить
Большое спасибо, я учту замечания.
Ответить
Здравствуйте Михаил. Я бы хотел спросить насчёт атрибута meta. Обязательно ли его нужно использовать, если страница открывается и без него?
Ответить
Страница много без чего будет открываться, но это не значит, что тег meta не нужен.
Ответить
А могут возникнуть конфликты в браузере, если я его не буду использовать? Я изначально использовал кириллицу, но мне выдало иероглифы, а когда использовал UTF-8 всё наладилось, а если бы я ничего не использовал, то какая кодировка бы использовалась?
Ответить
Браузер сам тогда будет определять кодировку.
Ответить
Спасибо.
Ответить
Здравствуйте Михаил, я в веб-мастерстве еще ребенок и у меня возникли проблемы))) Когда я проверил страницу в браузере, вот что получилось: Заголовок 1-РіРѕ Заголовок 2-РіРѕ Заголовок 3-РіРѕ заголовок 4-РіРѕ Заголовок 5-РіРѕ Заголовок 6-РіРѕ Что делать, а главное как этого избежать?
Ответить
http://myrusakov.ru/php-encoding-problems.html
Ответить
Михаил спасибо большое за статью очень помогла но возник один ВОПРОС почему в заголовках любых уровней можно писать только на английском когда я пишу что то на русском языке и открываю в браузере он выдаёт непонятные символы а на английском языке всё нормально.можно ли это как то исправить?и еще один вопрос где можно найти следующую статью если такая существует?
Ответить
http://myrusakov.ru/php-encoding-problems.html
Ответить
Михаил, спасибо за статью. Теперь хоть что-то прояснилось для меня. У Вас отличный сайт! Жигайло Е.
Ответить
Михаил непойму может вы сможете помочь вот пишу в Notepad++ а в браузере показывает вот так http://s2.ipicture.ru/Gallery/Viewfull/28644768.html почему ?ещё в место нормальных слов эроглифы какие то.подскажите что не так за ранее спс
Ответить
Михаил привет!!!не подскажеш почему у меня щас при включении твоего урока видеоурока по основам html появляется вот такое(http://image.kz/v121f45defecebaa8dbee315eb741107e) и пойдёт ли разархивировать твой видеокурс с помощью (winrar-x64-420ru.exe просто племянник заинтересовался этим и хочет научится а проги winrar нету у него пойдёт им такая или нет???
Ответить
Нужно сделать ваш брузер программой по умолчанию для .html файлов, иначе открываться они не смогут.
Ответить
Михаил спасибо тебе большое всё пошло норм!!!
Ответить
Михаил привет!!!не подскажеш почему после обновления браузеров на любом выдаёт вместо моего учебного сайта вот такое(http://hostingkartinok.com/show-image.php?id=19a14a5eb560be9b150d2d403b3ba097)
Ответить
извени за глупый вопрос сам всё понял,рано написал сначала надо было как следует самому разобратся ,ещё раз sorry!!!
Ответить
Привет Михаил Скажи пожалуйста, почему у тебя на сайте везде в адресной строке в конце ".html" Ведь у тебя движок на сайте, а не сайт на HTML.
Ответить
Это ЧПУ-ссылки.
Ответить
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "Content type" content="text/html; charset=windows-1251"/> </head> <body> <h1>ТНТ</h2> </body> </html> Что не так с этим кодом?
Ответить
Content type пишется через дефис. И вот здесь ошибка: <h1>ТНТ</h2>
Ответить
Здравствуйте, подскажите пожалуйста, я все делал по инструкции, почему браузер не отображает в заголовках русский язык а английский отображает.
Ответить
http://myrusakov.ru/php-encoding-problems.html
Ответить
Здравствуйте, Михаил!Делала всё как сказано в статье, но фоновый цвет не меняется <body text = "green" bgcolor = "yellow" link="green" vlink="red" alink="blue">
Ответить
Код правильный, поэтому ошибка где-то ещё. Возможно, это поможет: http://myrusakov.ru/html-open-txt.html
Ответить
Hallo Mihail, u menja Windows deutsch,kak pisat Teg <meta v etom slutschae,windows 1251 eto tolko kiriliza? Vtoroi vopros-kak posmotret stranizu v brausere? Danke!
Ответить
Здравствуйте, Ira. Да windows-1251 только кириллица. Чтобы просмотреть страницу, для начала создайте её. Создайте страницу и установите ей нужное расширение, .html, например index.html, запустите кликом и она откроется у Вас в браузере.
Ответить
Привет, Михаил! Написал charset="windows-1251", Opera выдавала абракадабру. Озадачился, менял кодировку... Насторожило, что Notepad++ подчёркивал charset красным. Поставил пробел между char и set - заработало! Почему так? Второй вопрос (при чтении прошу учесть, что я второй день изучаю html с нуля): как узнать, в какой версии html я пишу? Я написал несколько связанных страниц, из local host в Opera они работают нормально, но что писать в doctype, когда я захочу выложить в сеть?
Ответить
Кирилл, пишите в службу поддержки.
Ответить
Руслан, пишите в службу поддержки, а сообщение ваше я удаляю.
Ответить
Здравствуйте, Михаил. когда я внесла в документ <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> как вы сказали, то в браузере была абра-кадабра. я не могла понять в чем дело.проверила и убедилась, что все написала точно как у вас. потом это убрала с документа и все было читаемо Заголовок 1-го уровня Заголовок 2-го уровня Заголовок 3-го уровня Заголовок 4-го уровня Заголовок 5-го уровня Заголовок 6-го уровня хочу узнать у вас что было не так?
Ответить
Ольги, здравствуйте. Напишите : meta http-equiv="Content-type" content="text/html; charset=windows-utf-8">
Ответить
Здраствуйте Михайл у меня что то не выходит все нормально делаю но в место заголовок 1 заголовок 2 и т.д не выходит в Браузере там какие то символы не понятные вот такие что делать то ? Заголовок 1-РѕРіРѕ СѓСЂРѕРІРЅСЏ заголовок 2-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 3-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 3-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 4-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 5-РѕРіРѕ СѓСЂРѕРІРЅСЏ Заголовок 6-РѕРіРѕ СѓСЂРѕРІРЅСЏ но все остольное робит экран желтый )
Ответить
Подскажите пожалуйста. а как сделать так чтобы разные заголовки<h1>....</h1> сделать разным цветом?)
Ответить
Здравствуйте Михаил! Скачал ваши бесплатные уроки по созданию собственного сайта,но почему то он перестал воспроизводить ваши уроки ! Нажимаю допустим 5 урок "Символы"открывается Notepad++ не подскажите в чем дело ? За ранее спасибо
Ответить
Павел,Вы в службу поддержки пишите свои вопросы Ваша проблема в том,что Вы поставили стандартной программой для открытия файлов .html - блокнот нажмите пкм по файлу-свойства. там,где указано Приложение,нажать Изменить.выбрать веб-браузер нажать ОК.потом применить и ОК
Ответить
Спасибо.Решила открыть для себя что-то новое.На данном этапе все понятно и получилось.Спасибо за создание такой базы нужной информации!
Ответить
У вас все файлы хранится ли в папке WWW ? или как ?
Ответить
Здравствуйте, подскажите пожалуйста почему у меня русский текст выводится знаками вопроса, вот так: http://floomby.ru/s2/VWJgnW при таком коде: <html> <head> <title> Text</title> <body> <h1> Текст </h1> </body> </html>
Ответить
Все текстовые файлы (html, php, js, txt, в общем, в которых есть текст) перекодируйте в UTF-8. Сделать это очень просто через Notepad++ в пункте "Преобразовать в UTF-8 без BOM" из меню "Кодировки". Причём именно все файлы, которые даже ничего не выводят на страницу. Поменяйте кодировку в мета-теге <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
Ответить
Корень сайта это www? И ещё вопрос наличие префикса www. повышает реливантность сайта или нет и почему у Вашего сайта нет данного префикса
Ответить
Уменя вместо Заголовок 1-го уровня Заголовок 2-го уровня Заголовок 3-го уровня Заголовок 4-го уровня Заголовок 5-го уровня Заголовок 6-го уровня отображается Заголовок 1-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 2-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 3-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 4-РіРѕ СѓСЂРѕРІРЅСЏ Заголовок 5-РіРѕ СѓСЂРѕРІРЅСЏ Наверное надо изменить какие-то настройки в Windows? Заголовок 6-РіРѕ СѓСЂРѕРІРЅСЏ
Ответить
Надо было просто поменять кодировку в редакторе. Более 30 лет занимаюсь в области промышленной автоматизации. По моему проще делать программы для промышленных роботов и ПЛК.
Ответить
Вам проще, потому, что этим занимаетесь на протяжении 30 лет, в сайтостроении ничего сложного тоже нет.
Ответить
Доброго времени суток, Михаил! У меня такой вопрос=HDOM что это такое и к чему его употребляют
Ответить
Михаил на ваш взгляд, браузер Seamonkey стоит ли использовать для проверки на валидность
Ответить
нет.слишком обширен и не постоянен.+шире,чем браузер. Используйте лучше Mozilla Firefox вместо этого. К тому же в мире браузер ещё не на столько популярен,чтобы под него подстраиваться.Да и,в принципе,он не очень отличается от Mozilla Firefox
Ответить
Доброго времени суток Всем ! У меня такой вопрос являются ли валидными атрибуты тега form accept-charset и enctype
Ответить
Опечатка!!! Обо всём об этом погорим чуть ниже. погорим вместо поговорим!
Ответить
Здравствуйте, подскажите как работает Denwer, со своего компьютера на который он установлен я могу зайти на свой сайт а с другого нет, я должен еще что то сделать для того что бы с других компов находить свои сайт?
Ответить
Что делать жо этого с программой Notepad++ было всё норм. А щас хочу сохранить, а пишет "Сохранение не удалось. Пожалуйста, проверьте открыт ли этот файл в другом приложении"
Ответить
Михаил, добрый ночи! Ну я то совсем новичок в этом деле) Сразу такая проблема, сделал все как в вашей инструкции и почти все получилось, только где писал на русском языке у меня в браузере отражаются какие то иероглифы, в чем может быть проблема? где могла быть совершенна ошибка? Спасибо!
Ответить
У меня такая же проблема,иероглифы.
Ответить
А всё разобрался.Нужно было просто сменить кодировку с UTF-8(без BOM) на UTF-8.
Ответить
Сегодня стал перечитывать материалы данного урока, и заметил, что здесь происходит подмена функций сиэсэс функциями хтэмээля, а Вы постоянно твердите, что так получается "грязный" код. Как быть и где истина.
Ответить
я все написал только не понял как открыть эту писанину в браузере?
Ответить
Зайдите в настройки своего браузера и найдите там команду открыть файл или что-то в зтом роде или просто откройте свой файл если он у вас сохранен с расширением html то он автоматически откроется в браузере, который у вас на компе по умолчанию
Ответить
на локальном диске уже имеется типа сайт пробный, могу ли я и второй там разместить, в денвере создаетя лиш одна папка с файлами для сайта можно просто их скопировать и удалить в копии уже созданный сайт и продолжить новый делать с папки www?
Ответить
Приветствую! :) Написала всё как Вы советовали Михаил. Открыла через браузер. Вот что получилось: meta http-equiv="Content-type" content="text/html; charset=windows-1251"> РЇ научусь писать сайты РЇ научусь писать сайты РЇ научусь писать сайты РЇ научусь писать сайты РЇ научусь писать сайты И судя по тому что пишут остальные Ваши читатели, с этой проблемой столкнулись почти все! Как это исправить?
Ответить
Поменяйте кодировку в программе NotePad. Вероятно, там по умолчанию установлена кодировка UTF-8, а вы создаете страничку в кодировке ANSI (Windows).
Ответить
Михаил, оцените пж сайт: http://compwd.ru Очень важно знать ваше мнение.
Ответить
Большое Вам спасибо!
Ответить
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251" /> <title>МоНаСтЫрЪ</title> </head> <body> <h3>Меню</h3> <h1>МоНаСтЫрЪ</h1> </body> </html> валидности в норме но все равно не работает((
Ответить
Михаил,добрый день! Скажите пожалуйста какой программой пользуетесь Вы при верстке сайтов (современных сайтов). Спасибо.
Ответить
после решения проблемы с параметрами папок на W7 во время видеоурока HTML, появилась другая, теперь все вкладки видеоурока открываются в самом notepad++ в виде кода, подскажите что мне делать?!
Ответить
Отличный сайт для новичков!
Ответить
Доброго всем времени суток, написал я вот недавно программку редактора кода и хочу ею поделиться, кого заинтересовал, исходник можно увидеть здесь http://ciberfox.ru
Ответить
Приветствую Михаил, у меня всё в ошибках. В чём проблема, буду рад вашему ответу. Ссылка на картинку ошибок: http://prntscr.com/iitzgk
Ответить
у меня notepad 8.1.4 когда нажимаю комбинацию клавищ ctrl + u не выводит всплытие страницы на браузере ?
Ответить
Отличный сайт!
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.