Давайте попробуем сделать простую веб -страницу. Я надеюсь, что вы сможете следовать за нами, это займет только минуту. Теперь вы можете не знать, что такое эти угловые скобки <> и буквы внутри. Не волнуйтесь, мы представим их вам в учебном пособии ниже.
Во -первых, запустите блокнот или создайте новый текстовый документ в любом месте, и введите следующий контент в Блокноте:
| Ниже приведено цитируемое содержание: <html> <голова> <title> Я - название этой страницы </title> </head> <тело> <p> Это моя первая страница. </p> </body> </html> |
После входа сохраните файл и имени его index.html. (Нажмите Файл -> Сохранить как. Заполните столбец имени файла в index.html, выберите все файлы в столбце «Сохранить тип», а затем нажмите кнопку «Сохранить»)
После сохранения дважды щелкните файл, и браузер автоматически откроет веб-страницу. Пожалуйста, подтвердите, совпадает ли ваша веб -страница, что и на странице. Если это то же самое, то вы успешно завершили свою первую относительно простую веб -страницу.
Обратите внимание, что это просто простая страница. Хотя это синтаксически совместимо со стандартами XHTML, в нем все еще не хватает некоторого контента, если он должен быть полным, W3C-совместимой веб-страницей XHTML. Соответствующий контент будет представлен в учебном пособии ниже. Эта веб -страница просто используется для объяснения некоторых основных знаний XHTML.
Объяснение базовых знанийВеб -страницы, которые мы только что сделали, начинаются с <html> и заканчиваются </html>, которые представляют начало и конец файла веб -страницы соответственно.
На английском языке голова означает голова, тело означает тело. Две части веб -страницы представляют голову и тело веб -страницы соответственно. Может быть, вы заметили, что в главе нашей веб -страницы есть <tite> </title>. Название слова означает заголовок, а заголовок веб -страницы будет отображаться в строке заголовка над браузером. Тело веб -страницы, то есть содержание между тегами <body> и </body>, будет отображаться в браузере в качестве текста.
Эта веб -страница очень тонкая, и в голове и теле нет ничего. Мы постепенно обогатим содержание веб -страницы в будущих учебных пособиях. Но теперь, пожалуйста, запомните концепцию: глава веб -страницы записана для браузера, она не будет отображаться на странице, и тело написано для пользователя веб -сайта, и именно контент будет отображаться.
Пример ошибок в новичке Spoof xhtmlОткройте следующие два примера ошибки. Оба их кода имеют очень серьезные ошибки, но браузер точно отобразит эти две веб -страницы.
| Пример 1-тело растет в голове <html> <голова> <title> Я - название этой страницы </title> <p> Это моя первая страница. </p> </head> <тело> </body> </html> |