Я начал изучать веб-разработку и решил написать краткое изложение того, что я узнал на данный момент. Уважаемые программисты/технически подкованные, простите меня, если эта информация неполная, я новичок и написал, основываясь на своем понимании.
Первая и самая основная вещь в веб-разработке — это HTML, это базовая структура и фундамент в веб-разработке, кирпичик, который помогает строить сеть. Что бы мы ни хотели видеть в окончательной версии нашей сети, HTML помогает создать ее с нуля. Например; какой контент мы должны видеть в нашем Интернете, он вставляется с помощью HTML, а то, как он должен выглядеть, означает эстетику контента/сети, делается с помощью CSS и как это будет функционировать, это работа JavaScript.
Итак, приступая к добавлению контента для нашей сети, нам нужен набор стандартных элементов, которые распознают все браузеры. Элементы являются важными компонентами в построении структуры нашей сети, например, у каждого элемента есть своя функция; если мы хотим добавить текст/фрагмент абзаца в наш HTML, нам нужно использовать элемент ‹p›, функция элемента ‹img› состоит в том, чтобы вставить изображение в HTML, который в конечном итоге будет отображаться в Интернете, элементы списка, такие как ‹ol› упорядоченный список или ‹ul› неупорядоченный список, помогают нам создавать указатель или оглавление и т. д.
Более того, часто мы видим гиперссылку в Интернете, которая ведет нас на другой сайт/страницу, это настолько распространено в Википедии, что эта ссылка называется элементом «якорь», она создает гиперссылку для перехода. на другую страницу. Ниже приведен пример элемента привязки.
Если мы нажмем информатика, гипертекст, язык разметкиили форматирование, мы перейдем на новую страницу. Мы можем узнать больше о различных элементах и их функциях на следующем сайте. https://developer.mozilla.org/en-US/docs/Web/HTML/Element
Основными элементами HTML являются ‹head›, ‹body›, ‹p› , ‹h1›, ‹img›,‹form›. . Например, ниже приведен очень простой пример HTML, который я создал, я использовал несколько элементов (заголовок, абзац и изображение) для записи ввода, а второе изображение — это вывод, который я получил из HTML.
Двигаясь вперед, почти на каждой веб-странице есть формы, то есть формы для регистрации, формы для создания учетной записи, формы для подачи заявления о приеме на работу, даже формы для покупок при выборе размера, цвета и т. д. Его основная структура может быть построена на HTML. Нам нужны разные входные данные для создания формы, например, переключатель ‹ввод› описывает набор связанных параметров, одновременно может быть выбран только один переключатель в данной группе.‹выбрать› элемент выполняет ту же функцию, но мы должны выбрать его из выпадающего меню. Ниже вы увидите простую форму, которую я создал.
А внизу вы увидите элементы и вводы, которые я использовал в VS Studio для создания этой формы, вы не увидите все элементы и вводы, потому что я не смог уместить все в одну картинку, но вот некоторые.
Вывод: в HTML есть еще кое-что, что не может быть описано в этом кратком обзоре, и мои собственные знания пока ограничены, но мы можем учиться на разных ресурсах. Я также прохожу буткемп на Udemy и учусь сам. Я просто поделился и пересмотрел свои собственные знания. Написание блога или резюме — лучший способ пересмотреть то, что я узнал до сих пор. Теперь следующая глава будет посвящена CSS, в которой я узнаю, как изменить эту форму, то есть размер шрифта, стиль письма, короче, как придать форме эстетический вид, и узнаю еще много новых концепций. Если вы продвинулись так далеко в чтении и у вас есть какие-то предложения, отзывы или комментарии, я буду рад прочитать это. Далее….
