Основное руководство по HTML для чайников

Contents

Навигация:

Это руководство состоит из следующих предметов –


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

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

    И если вы столкнулись с неправильной разметкой контента, знание HTML поможет вам вернуться на правильный путь..

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

    HTML является основой современного Интернета. Миллионы сайтов вместе сформировали интернет. Где HTML является строительным блоком всех этих сайтов.

    Q для начинающих&

    1- Что такое HTML?

    HTML это аббревиатура от ЧАСYper Tвн Markup Language. Это стандартный язык для маркировки содержимого для веб-браузеров.

    HTML представлен «Элементами». Элементы также известны как «Метки».

    2- Зачем нужен HTML?

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

    Вот почему вам нужен HTML.

    3- чувствителен ли HTML к регистру?

    HTML не чувствителен к регистру. Но лучшая практика – писать HTML с правильными кейсами..

    Шаги для создания вашего первого файла HTML

    Вы можете создать основной HTML-файл, используя Блокнот на вашем компьютере. Но будет больно писать много строк кода.

    Вам нужен редактор кода. Хороший редактор кода облегчит написание и организацию больших кодов.

    Я использую и рекомендую Notepad ++ (бесплатно и с открытым исходным кодом) для написания веб-языков. Есть и другие редакторы, которые вы можете использовать, такие как Sublime Text, Atom и т. Д..

    Вот что вам нужно сделать:

    1. Установите редактор кода
    2. Открой это
    3. Создать новый файл
    4. Сохраните его как файл .html

    Вы готовы идти!

    1- Hello World!

    Скопируйте и вставьте следующий код в новый HTML-файл и сохраните его. Теперь запустите его в своем веб-браузере.

    Код:

    Моя первая веб-страница

    Привет мир!

    Вывод:

    Congrats! Вы создали свой самый первый HTML-файл. Вам не нужно понимать это в данный момент. Мы рассмотрим это в ближайшее время.

    Понимание структуры HTML

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

    Итак, давайте попробуем понять это из «Hello World!» код. Следующие элементы являются обязательными частями для каждого файла HTML.

    • = Это объявление для браузера, что это HTML-файл. Вы должны указать это перед тегом.
    • = Это корневой элемент файла HTML. Все, что вы пишете, идет между .
    • = Это метаинформационная часть для браузера. Коды внутри этого тега не имеют визуального вывода.
    • = Это та часть, которую отображает веб-браузер. То, что вы точно видите на веб-сайте, – это отображение кодов между .

    2- HTML-теги

    HTML – это сотрудничество сотен различных тегов. Вам нужно узнать, как они работают. Вы также должны убедиться, что они использовали их правильно.

    HTML-теги обычно имеют открывающий и закрывающий теги. Открывающий тег содержит ключевое слово, заключенное в меньше чем (<) и больше чем (>) подписать. Закрывающий тег имеет все то же самое, но дополнительную косую черту (/) после менее чем (<) подписать.

    (2a) Головные метки

    Все метки головы идут между и. Они содержат метаинформацию для веб-браузера и поисковых систем. У них в основном нет визуального вывода.

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

    Код:

    Моя первая веб-страницаТег заголовка появляется в верхней части вашего браузера.

    Ссылочный тег связывает вашу HTML-страницу с внешними ресурсами. Его основное использование – связывание HTML-страницы с таблицами стилей CSS. Это самозакрывающийся тег и не нуждается в окончании. Здесь rel обозначает связь с файлом, а src обозначает источник..

    Код:

    Meta – это еще один самозакрывающийся тег, который предоставляет метаинформацию HTML-файла. Поисковые системы и другие веб-сервисы используют эту информацию. Мета-теги необходимы, если вы хотите оптимизировать свою страницу для поисковых систем.

    Код:

    Тег script используется для включения серверного сценария или создания ссылки на внешний файл сценария. Он может иметь два атрибута в открывающем теге. Один тип, а другой источник (источник).

    Код:

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

    Код:

    Увы! Скрипты отключены.

    (2b) Метки тела

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

    в

    Это заголовочные теги. Самый важный заголовок помечен

    и наименее важный с
    . Вы должны использовать их в правильной иерархии.

    Код:

    Это заголовок h1

    Это заголовок h2

    Это заголовок h3

    Это заголовок h4

    Это заголовок h5
    Это заголовок h6

    Вывод:

    Форматирование тегов

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

    Код:

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

    Вы можете смелый, подчеркивание, курсив, отметка, нижний индекс, верхний индекс и многое другое!

    Вывод:

    Вы можете отклонить некоторые коды от использования, используя тег комментария. Код будет отображаться в исходном коде, но не будет отображаться. Основное использование этого тега – для создания документации HTML-файлов для дальнейшего использования..

    Пример:

    Jeffrey Wilson Administrator

    Sorry! The Author has not filled his profile.
    follow me
      0
      Like this post? Please share to your friends:
      Adblock
      detector
      map