Html для новичков: Учебник HTML для начинающих

1. Веб-браузер —  Веб-браузер — это просто программное обеспечение, которое люди используют для доступа к веб-сайтам. Чтобы просмотреть веб-страницу, пользователь может ввести веб-адрес или IP-адрес в свой браузер; они могут получить к нему доступ, используя ссылки или закладки. Наиболее популярными веб-браузерами являются Google Chrome, Firefox, Internet Explorer, Safari и Opera.
2. Веб-сервер —  Когда вы вводите веб-адрес в веб-браузере, запрос отправляется через Интернет на определенный компьютер, веб-сервер, на котором размещен веб-сайт. У некоторых крупных компаний есть свой веб-сервер. Но мы обычно пользуемся услугами компании
   , предоставляющей веб-хостинг , которая взимает плату за размещение вашего сайта на своем сервере. Некоторые из наиболее распространенных веб-хостинговых компаний: GoDaddy, HostGator, DreamHost, Blue Host, NearlyFreeSpeech.NET, 1&1, и 9.0249 Маленький апельсин .
3. Устройства —  Устройства — это не что иное, как система, в которой существует множество веб-браузеров и другого программного обеспечения для доступа в Интернет. Это настольные компьютеры, ноутбуки, планшеты и мобильные телефоны.

Как работает Интернет

Когда вы посещаете веб-сайт, он может быть размещен в любой точке мира, и у каждого веб-сервера есть IP-адрес, поэтому, используя его, вы можете посетить сайт. Тем не менее, мы не можем запомнить IP-адреса всех веб-сайтов, чтобы найти местоположение веб-сервера. Ваш браузер сначала подключится к Система доменных имен (DNS) .

Введение в HTML. HTML описывает структуру веб-страниц.

Чтобы понять структуру веб-страниц, давайте воспользуемся примером и не будем беспокоиться о том, что означает код. Ниже я объясню все коды.

 
  <тело>
    
Основной заголовок
    
    

      Это первый абзац заголовка 1
    
    
Подзаголовок 1
    
    

      Это первый абзац подзаголовка 1
    
 
    
Подзаголовок 2
    
    

      Это первый абзац подзаголовка 2
    
  
 

HTML-код (цветной текст) в угловых скобках называется HTML-элементами. Элементы обычно состоят из двух тегов: открывающего тега и закрывающего тега. В закрывающемся теге доступна дополнительная косая черта. Элемент является частью веб-страницы или документа. Элемент может содержать текст, изображения или ссылки. Каждый элемент имеет особое значение для браузера. В основном страницы HTML используют элементы для описания структуры страницы.

Структура HTML-страницы

Чтобы объяснить структуру HTML-документа, я возьму предыдущий пример. А в предыдущем коде различные элементы имеют открывающие и закрывающие теги. Посмотрите на следующую диаграмму, которая объяснит все о структуре:

Теги/элементы HTML

Теги или элементы HTML представляют собой ключевые слова или зарезервированные слова, заключенные в угловые скобки. Теги HTML обычно состоят из пар открывающих и закрывающих тегов.

Атрибут HTML

Атрибуты описывают больше об элементе. Они предоставляют дополнительную информацию о содержимом элемента. Атрибуты HTML всегда появляются с открывающим тегом и состоят из имени и значения. Знак равенства в атрибуте разделяет имя и значение.

Каждая HTML-страница имеет только два тега внутри HTML-тега: Head и Body.

Тег заголовка в HTML

Элемент заголовка HTML () предоставляет общую информацию (метаданные) о документе, включая его заголовок и ссылки на сценарии и таблицы стилей или их определения.

Тег заголовка в HTML

Тег HTML <тело> Здравствуйте, угол C-Sharp...    

Сохраните этот файл, используя имя файла и расширение .html или .htm, например, Example.html. Откройте веб-браузер и введите местоположение файла в URL-адрес, и вы увидите результат, как показано ниже:

Элементы форматирования текста HTML

Теперь мы понимаем, как добавлять разметку и форматировать текст HTML с помощью разметки форматирования текста. В этом разделе мы изучим следующие темы,

• Заголовки
• Пункт
• Полужирный, курсив, подчеркнутый, сильный и пометка
• Супер-скрипт и суб-скрипт
• Разрывы строк и горизонтальные правила
• Котировки
• Аббревиатуры и сокращения
• Цитаты и определения
• Адрес
• Вставка, вычеркивание и удаление

Заголовок HTML

HTML имеет 6 уровней заголовков. От

до

определяют заголовок HTML.

Пример: Код HTML.

 
  <голова>
    

<тело>
 
Язык C#
 
Синтаксис C# очень выразителен, но в то же время прост и удобен для изучения.
  Синтаксис фигурных скобок в C# будет мгновенно узнаваем для всех, кто знаком с C, C++ или Java. Разработчики, знающие любой из этих языков, как правило, могут начать продуктивно работать на C# в течение очень короткого времени.
      Синтаксис C# упрощает многие сложности C++ и предоставляет мощные функции, такие как типы значений, допускающие значение NULL, перечисления, делегаты, лямбда-выражения и прямой доступ к памяти, которых нет в Java.
      C# поддерживает общие методы и типы, которые обеспечивают повышенную безопасность типов и производительность, а также итераторы, которые позволяют разработчикам классов коллекций определять настраиваемое поведение итерации, которое просто использовать в клиентском коде. Выражения, интегрированные в язык запросов (LINQ), превращают строго типизированный запрос в первоклассную языковую конструкцию.
 

Как объектно-ориентированный язык, C# поддерживает концепции инкапсуляции, наследования и полиморфизма. Все переменные и методы, включая метод Main, точку входа приложения, инкапсулированы в определениях классов. 
      Класс может наследоваться непосредственно от одного родительского класса, но может реализовывать любое количество интерфейсов.
      Методы, переопределяющие виртуальные методы в родительском классе, требуют ключевого слова override, чтобы избежать случайного переопределения. В C# структура похожа на облегченный класс; это тип, размещаемый в стеке, который может реализовывать интерфейсы, но не поддерживает наследование.


   

Ниже приведен вывод предыдущего кода:

Жирный, Курсив, Подчеркнутый, Строгий шрифт, Выделение и Отметка в HTML

Жирный в HTML

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

Пример

 
Это пример жирного шрифта
    

Вывод

Курсив в HTML

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

Пример

 
Это пример курсива
   

Вывод

Подчеркивание в HTML

Мы можем сделать текст подчеркнутым, заключив текст в теги и .

Пример

 
 Это пример  подчеркивания  
 

Выход

Стронг в HTML 23 3

USER

. > , если вы хотите, чтобы текст был жирным. Тэг strong окружает выделенное слово/фразу. Это означает, что это важная часть информации. Вы можете использовать CSS, чтобы вложенные теги выглядели сильнее.

Пример

 Это важно.  Это действительно важно. И это еще более важно!    

Вывод

Выделение

Тег HTML используется для выделения выделения. Тег окружает выделяемое слово/термин. Когда вы используете , затем внутри тегов и текст будет выделен курсивом, если только он не изменен с помощью CSS.

Пример

 Я не могу подчеркнуть это достаточно! 

Выход

Вопрос . Теперь вопрос в том, в чем разница между и и между <эм>?

Ответ-  и относятся к стилям . Используйте , чтобы выделить текст жирным шрифтом исключительно из стилистических соображений. То же самое касается . Другими словами, если вы используете этот код, вы хотите, чтобы текст был выделен курсивом исключительно по стилистическим причинам.

Однако вы должны использовать , если хотите, чтобы этот фрагмент текста выглядел жирным, а вызывал сочувствие . Это означает, что это важная часть информации. Так почему же есть разница?

Внешний вид страницы визуально не отличается. Основное отличие заключается в программах преобразования текста в речь, часто используемых слепыми людьми. Когда слепые люди смотрят на сайт, им говорят весь текст. Это сообщает слепому, что текст в чем-то важен. Когда вы используете сильный тег вместо , голосовая программа может произносить текст по-другому, с акцентом или другим тоном. То же самое касается использования .

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

Метка в HTML

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

Важно понимать назначение этого тега. В соответствии со спецификацией HTML 5:

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

Пример

 
 Элемент  используется для  hight  text 
 

Выход

SUPERSCRICT и SUPERSCRICT и SUPERSCRICT и SUPPRICSCRICTSICRPCRICT:

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

Пример

Пример верхнего индекса
 
Рохан соответствует 12 th стандарту
(a+b)3=a3
  + 3a2b + 3ab2 + b< суп>3 


 
Пример подписки
 

Когда H2SO4 вступает в реакцию с NaOH, образуется Na2SO4 и H2< /под>О.


H2SO4 + 2NaOH ====> Na2SO4 + H2< /под>О.
   

Вывод предыдущего кода,

Разрывы строк и горизонтальные правила в HTML

Разрыв строк в HTML

Тег HTML
определяет разрыв между строками. Это помогает написать стихотворение или адрес, где важно разделение строк. Тег HTML
пуст; другими словами, HTML
 не имеет закрывающего тега.

 
Миллион звезд в небе

один сияет ярче, я не могу отрицать

Такая драгоценная любовь, такая настоящая любовь

любовь, которая исходит от меня к тебе

Ангелы поют, когда ты рядом

в твоих руках мне нечего бояться
 
Ты всегда знаешь, что сказать 

просто разговор с тобой делает мой день

Я люблю тебя, дорогая, всем сердцем

вместе навсегда и никогда не расставаться.
   

Выход

Примечание. Пожалуйста, запомните одну вещь; не используйте
для увеличения промежутка между строками текста; используйте свойство поля CSS или элемент

.

Горизонтальные правила в HTML

Тег HTML

---

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

Пример

 
Это абзац 1
<час>
Это абзац 2
    

Вывод

Цитаты в HTML

В HTML для разметки обычно используются и

.     используется для более коротких цитат. Браузер обычно вставляет кавычки вокруг текста. И Тег

обычно используется для более длинных цитат, отображаемых визуально с помощью отступа. URL-адрес источника цитаты может быть указан с использованием атрибута cite, тогда как текстовое представление источника может быть предоставлено с использованием элемента .

Пример

 
Google Glass – это тип носимой технологии с оптическим головным дисплеем (OHMD)


Если А — это успех в жизни, то А = х + у + z. Работа — это х; у играть; а Z держит рот на замке.

Выход

Сокращения и аббревиатуры в HTML

Если вы используете аббревиатуры, вы должны использовать , и для Acaronms, Usemonmyshipiations. Использование этих тегов в основном для SEO. Может быть, кто-то ищет с сокращенными формами слов, а кто-то ищет полные формы, поэтому использование тегов и всегда важно. Оба тега используют атрибут title для описания полной формы. Название будет отображаться при наведении курсора мыши на аббревиатуру или аббревиатуру.

Пример

 

Профессор Сигер — эксперт в области технологий оптических датчиков.



НАСА только что запустило новое приложение (приложение 3D View) для студентов. Таким образом, студент может получить хорошие знания о космонавтике...
    

Вывод

Цитаты в HTML

HTML использует тег для представления названия работы.

Пример

 

Рамчаритманас написан госвами Тулсидасом. 
   

Вывод предыдущего кода,

Определения в HTML

HTML использует тег  для представления определяющих экземпляров терминов. Когда вы впервые объясняете новую терминологию в документе, вы можете использовать <дфн>.  Также может содержать заголовок.

Пример

 

AJAX – это искусство обмена данными с сервером и обновления частей веб-страницы без перезагрузки всей страницы.
   

Вывод

\

Адрес в HTML

HTML имеет

для определения контактной информации автора или владельца документа или статьи. Если тег

находится внутри, он показывает информацию об этом документе. Если он существует в

, то он представляет контактную информацию для этой статьи.

Пример

 <адрес>
Сурабх Сомани

Веб-сайт:

sourabhsomani.com

Читторгарх, 

Раджастхан
   

Вывод

Вставка и удаление в HTML

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

Пример

 
Дата отправки формы заявки:30 сентября 2015 г. 8 октября 2015 г.
  

Выходные данные 0023

Предупреждение: Тег   в HTML определяет предупреждение, указывающее на неверный или неактуальный текст. Разница между и заключается в том, что используется при замене или удалении текста.

Пример

Последняя версия Android:
Android 1.