Курс по Html и Css. Урок 1. Основы
| Все хотят быстро и беззаботно выучить html и css. И с нами теперь это можно сделать. С сегодняшнего дня команда Webtutor начинает полноценный курс по html и css. Желаем вам быстрого овладевания этими языками... В этом уроке мы рассмотрим, что же такое Html и Css. Рассмотрим виды тегов. И поймем, как же строится самая простая Html страница. И так, начнем... HTML (от англ. HyperText Markup Language —
«язык гипертекстовой разметки») — стандартный язык
разметки документов во Всемирной паутине. Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно
в 1986—1991 годах в стенах Европейского Центра ядерных
исследований в Женеве (Швейцария). Данный язык делится на теги и значения. Значения нужно прописывать на ваш вкус и цвет, это может быть фон, вид, цвет, тень или же просто текст. Теги же задают, чье будет какое либо значение. Они пишутся в таких уголковых скобках < > и в свою очередь делятся на одиночные и парные (которые требуют закрытия). Вот пример парных тегов: <table></table>. Они означают простую таблицу. <b>Текст</b>. Теги <b> выделяют текст жирным цветом. А вот пример одиночных тегов: <br> - означает перенос текста на следующую строку. Давайте же теперь разберем, как строится обычная html страница... Любой сайт должен начинаться с одиночного тега <!DOCTYPE html>. Он нужен для того, чтобы браузер определил, что данная страница написана на html. Далее следует прописать парные теги, определяющие место под саму страницу - <html>Здесь будет весь код</html>. Давайте посмотрим, что должно у нас уже получится: <!DOCTYPE html> <html> Страница </html> Все правильно, теперь нужно прописать необходимые данные о странице: заголовок, ключевые слова и ссылка на Таблицы стилей (Css). Все эти данные должны находится в парных тегах <head></head>. Вам необходимо запомнить следующие строки: <title>Заголовок сайта</title> - Заголовок сайта в парных тегах <title> <meta charset="UTF-8"> - Значение, указывающее на тип слов и букв, UTF-8 - поддержка русских букв <meta name="keywords" content="ключевые слова"> - Ключевые слова <link href="styles.css"
rel="stylesheet" type="text/css"> - Адрес на Css. Наша страница готова к полноценному редактированию! Вот: <!DOCTYPE html> <html> <head> <title>Заголовок сайта</title> <meta charset="UTF-8"> <meta name="keywords" content="ключевые слова"> <link href="styles.css" rel="stylesheet" type="text/css"> </head> </html> Сохраним все, написанное нами, с именем index.html в любую папку. Теперь нам следует создать стили, это можно сделать просто в блокноте, сохранить в ту же папку, но в файл с именем styles.css CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL. Наконец мы можем приступить к редактированию стилей, так мы уже прописали в html к ним путь! Любые характеристики в css пишутся в таких кавычках { }, а перед ними пишется главное слово, обозначающее путь или адрес объекта в html. Напишем главные характеристики нашей страницы: зададим ей фон. body { background: #000000; } Здесь, как вы уже успели заметить, значение (в данном случае черный цвет #000000) пишется без кавычек после двоеточия и перед точки с запятой. background - это фон в переводе с английского. Теперь наша страница имеет черный цвет. Думаем, что на первый раз хватит, и все, написанное здесь, вам нужно твердо выучить.) Спасибо за внимание, с уважением Webtutor group (c) | |
| Просмотров: 1197 | Комментарии: 3 | |
| Всего комментариев: 0 | |