Основы программирования HTML

программирования HTML Программирование и разработка

Для многих новичков в программировании мысль о написании нового веб-сайта наполняет их ужасом и вызывает у них страх. Однако есть и те из нас, кому нравится мечта о создании веб-сайта с нуля. Приятно создавать и видеть, как то, к чему вы прикоснулись, превращается в функционирующий и полезный веб-сайт. Вы хотите знать, каково это, поэтому вы решили начать работу и создать сайт. Как лучше всего начать? Знакомство с некоторыми основами кодирования HTML — отличный первый шаг.

Мы собрали четыре указателя и совета, которые должен знать каждый новый программист HTML. В нашем руководстве мы покажем вам, как создать простую HTML-страницу. Навыки, которые мы даём вам в этой статье, являются основой каждого кодера и необходимы для того, чтобы стать веб-разработчиком. Имея за плечами наши основы кодирования HTML, вы сможете начать накапливать знания и улучшить свои навыки программирования. Давайте начнём!

Введите разметку

Вот и мы на первом этаже, ребята. Разметка — это текст, определяющий внешний вид веб-страницы. На самом базовом уровне веб-сайт — это строки текста и ссылок — всё остальное появится позже. Разметка определяет способ отображения текста и ссылок. Очень важно знать, как начать разметку; оттуда это ваш выход в широкий мир HTML.

Для разметки HTML угловые скобки — король. Текст в квадратных скобках представляет собой инструкции по форматированию, поэтому используйте их осторожно. Первая пара скобок открывает инструкцию форматирования разметки (тег), а вторая закрывает тег. Второй тег часто включает косую черту для обозначения закрытия. Например, если вам нужна строка «Я съел слишком много пиццы!» чтобы быть выделенным курсивом, вы должны написать это как:

<i>Я съел слишком много пиццы!</i>

Это будет отображаться как:

Я съел слишком много пиццы!

Используйте бесплатный онлайн-редактор HTML, чтобы проверять свою работу на ходу; онлайн-редакторы HTML — это удобные инструменты, позволяющие протестировать код перед его реализацией. Онлайн-редакторы HTML часто предоставляют быстрые ссылки на популярные теги, что является отличным способом продолжить изучение HTML в процессе.

Читайте также:  Литералы в C

программирования HTML

Построить тело

Все HTML-страницы можно разделить на две основные части: заголовок и тело. В то время как заголовок содержит инструкции по управлению страницей и является важным аспектом страницы, в теле вы будете проводить много времени в качестве начинающего перфоратора кода. Тело — это место, где вы будете размещать ваши разметки и текст, и там, где разрабатывается страница.

Теперь, когда мы изучили концепцию разметки и тегов, мы можем создать простую веб-страницу. Обратите внимание, что, за исключением заголовка страницы, мы работаем над разделом тела страницы. Для справки, h1 обозначает заголовок, а p обозначает абзац.

<html>
<head>
<title>Too Much Pizza</title>
</head>
<body>
<h1>Oh, No!</h1>
<p>I ate too much pizza!</p>
</body>
</html>

Теперь перетащите приведённый выше код в редактор HTML и сохраните полученный файл в виде текстового файла с именем page.html. Когда вы откроете сохранённый файл с помощью веб-браузера, вы откроете самодельную веб-страницу. Довольно круто, правда?

Хотя вы не сможете превратить эти быстрые основы HTML-кодирования прямо в шестизначный урок кодирования, наше руководство даёт вам базовые навыки, которые необходимы для того, чтобы стать качественным разработчиком программного обеспечения. Великие дела начинаются с малого, и ваша карьера не исключение. Воспользуйтесь нашими простыми уроками, и, прежде чем вы это узнаете, вы станете дураком в области веб-разработки.

 

Оцените статью
bestprogrammer.ru
Добавить комментарий