В прошлом блоге мы обсуждали, как написать базовый html-код, состоящий из нашего заголовка и абзаца. Сегодня мы обсудим еще несколько тегов, таких как список, привязка, изображение и т. Д. Мы не будем использовать многие из этих тегов в нашем БОЛЬШОМ ПРОЕКТЕ *, но это своего рода предварительные условия для создания веб-страницы. Итак, начнем с наших списков. Мы можем создать упорядоченный список (нумерация) или неупорядоченный список (маркеры) в HTML с помощью ‹ol› и ‹ul›. После объявления типа списка мы можем писать элементы списка с помощью ‹li›. Давайте создадим список с капитаном, вице-капитаном и игроками в качестве элементов. Вложение списков также возможно следующим образом:
Мы можем добавить изображение на нашу страницу с помощью тега img. Синтаксис тега img следующий:
‹Img src =« источник файла »alt =« Если изображение отсутствует, это сообщение будет напечатано »›
Ниже приведен код, в котором мы отображаем html-логотип на нашей веб-странице. Мы можем напрямую указать адрес изображения из Интернета,
Мы можем найти на нашей странице следующее, когда откроем medium.html,
Один из самых важных тегов - это тег ANCHOR, который помогает нам посещать другие веб-страницы. Этот тег создает ссылку, а затем, нажав на нее, мы можем перейти на страницу по нашему желанию. Ниже приведен синтаксис тега привязки.
‹A href="ссылка на веб-сайт, на который можно побывать ”› Название ссылки / Сообщение ‹/a›
Мы создадим ссылку на нашу страницу в Facebook с помощью следующего кода:
Наша страница будет выглядеть так:
Последняя тема на сегодня - это таблицы. Мы можем создавать таблицы на нашей странице с помощью тега table. Создание таблицы в html - это немного хлопотно, так как у нас есть теги для заголовка, имен заголовков, строк и имен строк. Это кажется большим трудом, но следующая структура создания таблицы:
‹Table›
‹thead› - с указанием заголовка
‹th› ‹/th› - с названием столбца
‹/thead›
‹tr› - с указанием строки
‹ td ›‹/td› - элементы строки
‹/tr›
‹/table›
Используя указанный выше формат, мы создадим таблицу для нашего ученика, содержащую его данные, наш html-код будет следующим:
У нас будет следующий результат, из которого мы увидим, что вокруг нашей таблицы не будет никаких границ. Он просто отображает данные, как если бы они отображались в таблице. Мы узнаем, как добавить границу в нашу таблицу, когда узнаем о CSS.
Попробуйте использовать все теги, которые обсуждались сегодня и в прошлом блоге, и сделайте интересную веб-страницу. Мы знаем, как использовать фреймворк flask, использовать в нем render_template и связывать разные html-файлы, чтобы сделать нашу страницу удивительной. Мы обсудим формы, которые являются частью нашего БОЛЬШОГО ПРОЕКТА *, попробуем создать какую-нибудь страницу и продолжить код…
Спасибо, что прочитали, если вам понравилась статья, пожалуйста, нажмите кнопку хлопка и покажите свою поддержку.
