Главная страница
Навигация по странице:

  • Типы тегов

  • lt;meta name="keywords"gt;

  • lt;meta name="description"gt;

  • HTML Academy Курсы ПрофильHTML Academy КурсыПрофильСкачиваем файлы

  • Веб. Конспект курса


    Скачать 85.49 Kb.
    НазваниеКонспект курса
    Дата01.04.2022
    Размер85.49 Kb.
    Формат файлаdocx
    Имя файлаweb-1.docx
    ТипКонспект
    #434290

    1.1







    Поехали!



    Язык HTML достаточно простой. Сначала может показаться, что в нём слишком много тегов. Но не волнуйтесь. Мы постепенно познакомимся с ними на практике. А на практике всё запоминается легко.



    Посмотрите на нижнюю часть мини-браузера, там вы увидите окошко с задачами, которые нужно выполнить, чтобы пройти задание.



    Измените строку "Заголовок" на "Поехали!" внутри h1. Если вы всё сделали правильно, то загорится кнопка "Следующее задание".



    Структура HTML


    Язык HTML состоит из множества тегов. Каждый тег имеет определенный смысл и предназначение.



    Каждый тег может иметь определенный набор атрибутов.



    Структура CSS



    CSS состоит из селекторов и свойств.



    Селекторы описывают какие именно элементы или группы элементов будут обладать заданными свойствами.



    Потренировался



    Пора двигаться дальше






    /* Это правило задаёт общий размер шрифта */

    body {

    font-size: 16px;

    }
    /* Это правило — размер для заголовков первого уровня */

    h1 {

    font-size: 32px;

    }
    /* А это — тень для заголовков первого уровня */

    h1 {

    text-shadow: 2px 2px 0 #ccc;

    }

    1.4






    Типы тегов

    Каждый HTML-тег имеет свой смысл и назначение.


    Часть тегов служебные и их никогда не видно на странице.


    Другие теги используются для форматирования текста и их влияние весьма заметно.


    Например, если обернуть текст в тег h1, то он станет крупнее и вокруг него появятся отступы, так как h1 — это заголовок.




    Конспект курса



    Парные теги.

    Одиночные теги.

    Атрибуты тегов.


    Инлайновые (встроенные) стили.



    Внешние стили.



    Стилизация по классам.



    Конспект курса


    Парные теги.



    Одиночные теги.



    Атрибуты тегов.



    Инлайновые (встроенные) стили.



    Внешние стили.



    Стилизация по классам.



    Конспект курса



    Парные теги.

    Одиночные теги.

    Атрибуты тегов.


    Инлайновые (встроенные) стили.




    Внешние стили.


    Стилизация по классам.



    Конспект курса



    Парные теги.

    Одиночные теги.

    Атрибуты тегов.


    Инлайновые (встроенные) стили.




    Внешние стили.


    Стилизация по классам.


    1234567890
    Тег <title>




    Этот тег обозначает заголовок страницы.



    Он позволяет очень удобно ориентироваться между множеством открытых вкладок.



    Инструктор Кекс рекомендует использовать понятные заголовки.



    Кодировка


    Когда кодировка документа задана неверно, некоторые символы отображаются как «иероглифы», а некоторые нет.



    <meta name="keywords">


    Задаёт ключевые слова.



    Этот мета-тег поисковые системы используют для того, чтобы определить релевантность ссылки. При формировании тега необходимо использовать только те слова, которые содержатся в самом документе.



    <meta name="description">


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



    При отсутствии тега поисковые системы выдают в аннотации первую строку документа или отрывок, содержащий ключевые слова.



    Подключение стилей



    Подключение стилей можно выполнять разными способами.



    Один из них — описывать стили внутри HTML-страницы. Для этого используется тег <style>.






























    1 Заголовки


    Заголовки являются одним из важнейших инструментов для структурирования текста.


    1.1 Рекомендации по использованию


    Вот некоторые рекомендации по использованию заголовков в HTML-странице.


    1.1.1 Использование H1



    Не рекомендуется, чтобы на одной странице содержалось несколько заголовков верхнего уровня.


    1.1.2 Использование H2-H6



    При использовании подзаголовков не рекомендуется пропускать уровни заголовков, то есть после заголовка H1 должен идти подзаголовок H2 и только потом подзаголовок H3.



    Чайф. С войны



    В твоём парадном темно,


    Резкий запах привычно бьёт в нос.


    Твой дом был под самой крышей —

    В нём немного ближе до звёзд.









    Ты шёл не спеша, возвращаясь с войны

    Со сладким чувством победы,


    С горьким чувством вины.









    Вот твой дом, но в двери

    Уже новый замок.


    Здесь ждали тебя так долго,


    Но ты вернуться не мог.



    Цитаты великих


    В книге Мастер и Маргарита есть такая цитата:


    Никогда ничего не просите! Никогда и ничего, и в особенности у тех, кто сильнее вас. Сами предложат и сами всё дадут!

    Известное выражение Hasta la vista, baby принадлежит Терминатору.


    Кекс предпочитает поговорку Без труда не выловишь и рыбку из пруда! и повторяет её постоянно.



    Формулы




    • H2SO4


    • sin2x+cos2x=1


    • C2H5OH


    • e-x2




    Ошибки, 06.05.2015




    • Пункты меню слипаются.


    • Неверный размер шрифта в заголовке.


    • Логотип не обновлён.


    • Ошибки в текстах.


    • Макет разваливается на минимальной ширине.





    /\ \ __/\ \ /\ \

    \ \ \/\ \ \ \ __\ \ \____

    \ \ \ \ \ \ \ /'__`\ \ '__`\

    \ \ \_/ \_\ \/\ __/\ \ \_\ \

    \ `\___x___/\ \____\\ \_,__/

    \ /__//__/ \/____/ \/___/


    HTML Academy

    Курсы

    Профиль

    HTML Academy

    Курсы

    Профиль

    Скачиваем файлы



    Скачать простой текстовый файл
    URL

    Оглавление




    1. История


    2. Структура URL


    3. Кодирование URL



    История


    URL был изобретён Тимом Бернерсом-Ли в 1990 году в стенах Европейского совета по ядерным исследованиям в Женеве, Швейцария. URL стал фундаментальной инновацией в Интернете.



    Изначально URL предназначался для обозначения мест расположения ресурсов (чаще всего файлов) во Всемирной паутине. Сейчас URL применяется для обозначения адресов почти всех ресурсов Интернета. Стандарт URL закреплён в документе RFC 1738, прежняя версия была определена в RFC 1630.



    Сейчас URL позиционируется как часть более общей системы идентификации ресурсов URI, сам термин URL постепенно уступает место более широкому термину URI. Стандарт URL регулируется организацией IETF и её подразделениями.



    К оглавлению
    Структура URL


    Изначально локатор URL был разработан как система для максимально естественного указания на местонахождения ресурсов в сети. Локатор должен был быть легко расширяемым и использовать лишь ограниченный набор ASCII‐символов (к примеру, пробел никогда не применяется в URL). В связи с этим, возникла следующая традиционная форма записи URL:



    <схема>://<логин>:<пароль>@<хост>:<порт>/<URL-путь>?<параметры>#<якорь>



    К оглавлению
    Кодирование URL


    Появление адресов URL стало существенным нововведением в Интернете. Однако с момента его изобретения и по сей день стандарт URL обладает серьёзным недостатком — в нём можно использовать только ограниченный набор символов, даже меньший, нежели в ASCII: латинские буквы, цифры и лишь некоторые знаки препинания. Если мы захотим использовать в URL символы кириллицы, или иероглифы, или, скажем, специфические символы французского языка, то нужные нам символы должны быть перекодированы особым образом.



    К оглавлению

    URL


    Оглавление



    1. История


    2. Структура URL




    URL


    Оглавление



    1. История


    2. Структура URL




    Дон Кексоне




    День кота



    В то утро Кексик проснулся в своей сумке-гнезде очень рано. День обещал быть насыщенным.



    пробуждение



    В связи с чем он решил позаниматься на своей вешалке-турнике.



    зарядка

    Занятия утомили кота и он решил слегка отдохнуть, посмотреть телевизор.



    телевизор

    Восстановив силы, кот занялся привычными делами по наведению беспорядка, но был пойман.



    пойман раз

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



    пойман два

    Решив, что на сегодня свершений достаточно, Кексик с чистой совестью отправился спать.



    сон

    Каскадность и просветление


    Каскадность — это очень мощный механизм.


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


    Веб-разработчик, не стремящийся постигнуть каскадность, так и останется подмастерьем.





    • 1


    • 2


    • 3


    • 4


    • 5
















    Кексик


    Рудольф


    Снежок


    Адольф




    написать администратору сайта