Вводная серия уроков в «Быстрый старт в HTML для начинающих»

Освойте основы HTML за 1-2 часа уже сегодня, чтобы гибко управлять своим сайтом и не платить за это другим.

HTML - это фундамент, который необходим для изучения других технологий CSS, PHP и др., которые позволят создать качественный и уникальный Интернет-проект.

  • Если вы только знакомитесь с HTML. Здесь вы сделаете первые шаги и заложите базу для понимания принципов работы HTML.
  • Получаете поддержку и консультации автора по трудным для вас вопросам. Экономьте свое время по решению трудных вопросов.

Вводное видео.

   

Что такое HTML? Основные задачи HTML.

    

Ссылка на инструкцию, как запустить консоль в браузере.

Для чего нужны знания HTML?

    

Какие программы нужны для работы с HTML?

    

Ссылки на популярные браузеры:

Notepad++

08-09-2013 11-45-16

http://notepad-plus-plus.org/

Этот редактор совершенно бесплатен, поэтому его часто используют в многих курсах по HTML.

Coteditor

Аналог текстового редактора для работы с HTML в операционной системе Mac OS.

https://coteditor.com

Но, если вам придется работать с HTML-кодом часто и много, то советую обзавестись специализированной программой для работы с кодом, например Dreamweaver

08-09-2013 11-45-54

http://www.adobe.com/products/dreamweaver.html

Этот инструмент является платным, но, используя его, вы получаете в свой арсенал набор средств, которые могут значительно облегчить вашу работу с кодом.

Как создать самый простой HTML-документ.

    

Если у Вас не отображается расширение файлов, вот заметка:

Как включить отображение расширений файлов в Windows.

Комментарии:

<h1>Заголовок</h1> <p>Абзац, который содержит текст.</p> <p>Второй абзац, который содержит текст.</p> <p> Один абзац, который содержит 3 строки:<br> Вторая строка</br> Третья строка </p> <p> <strong>Текст выделенный полужирным шрифтом</strong> </p> <p> <em>Текст выделенный курсивом</em> </p> <p> <a href="https://yandex.ru" target="_blank">Ссылка на yandex.ru, при клике на которую сайт открывайтся в новом окне.</a> </p> <p><span>Вставьте изображение, ссылка на которое: https://webkyrs.info/uploads/3d9925daa0c0686e7d483633c96c9ff2f6c92e12.jpg</span> <br> <img src="https://webkyrs.info/uploads/3d9925daa0c0686e7d483633c96c9ff2f6c92e12.jpg" width="200" title="Быстрый старт"> </p> <p> Добавьте HTML-комментарий на страницу: текст, который будет виден в исходном HTML-коде, а на веб-странице отображаться не будет. </p> <p> При наведении курсора мыши на изображение, над курсром мыши должна появляться надпись "Быстрый старт" </p> <ul> <li>Элемент 1</li> <li>Элемент 2</li> <li>Элемент 3</li> </ul> <ol> <li>Элемент 1</li> <li>Элемент 2</li> <li>Элемент 3</li> </ol> <p> Таблица </p> <table> <tr> <td>Столбец 1</td> <td>Столбец 2</td> </tr> <tr> <td>Строка 1.1</td> <td>Строка 1.2</td> </tr> <tr> <td>Строка 2.1</td> <td>Строка 2.2</td> </tr> </table>