Добавить в корзинуПозвонить
Найти в Дзене
ITSpace

Учим верстку сайтов в сжатые сроки | Учим HTML | #1

Для начала хотелось бы начать с того, что такое верстка. "Верстка сайта — это структурированное сочетание изображений, заголовков, подзаголовков, таблиц, инфографик, текста и других элементов на странице c помощью языка разметки HTML и языка описания внешнего вида страницы CSS." Если говорить проще то мы создаем простую веб страницу на языках HTML & CSS. Не стоит путать! HTML & CSS не являются языками программирования. HTML - язык гипер текстовой разметки, который используется для структурирования и отображения веб-страницы и её контента. CSS - язык таблиц стилей, который позволяет прикреплять стиль. Начнем данный урок с изучения HTML. В теге <title> хранится заголовок нашей страницы В теге <body> хранится все содержимое страницы(текст, заголовки, кнопки, картинки) После того как мы познакомились мы уже можем создать свой первый HTML файл. 1. Создать текстовый документ. 2. Сохранить его в формате .html 3. Вставить туда данный код: <!DOCTYPE HTML > <html> <head> <meta http-equiv="

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

Если говорить проще то мы создаем простую веб страницу на языках HTML & CSS.

Не стоит путать!

HTML & CSS не являются языками программирования. HTML - язык гипер текстовой разметки, который используется для структурирования и отображения веб-страницы и её контента. CSS - язык таблиц стилей, который позволяет прикреплять стиль.

Начнем данный урок с изучения HTML.

-2

В теге <title> хранится заголовок нашей страницы

В теге <body> хранится все содержимое страницы(текст, заголовки, кнопки, картинки)

После того как мы познакомились мы уже можем создать свой первый HTML файл.

1. Создать текстовый документ.

2. Сохранить его в формате .html

3. Вставить туда данный код:

<!DOCTYPE HTML >

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Пример веб-страницы</title>

</head>

<body>

<h1>Это мой первый сайт!</h1>

</body>

</html>

4. Перетаскиваем наш файл в окно браузера и вуаля!

На сегодня урок окончен. Буду часто выкладывать статьи. Если остались вопросы: пиши их в комментарии и я обязательно на них отвечу!