Вход/Регистрация
Руководство по созданию и продвижению сайтов с разбором кода HTML и CSS
вернуться

Дряхлов Сергей

Шрифт:

</head>

<link> для подключения стилей – если вы используете внешние стилевые файлы (CSS), вы можете подключить их с помощью тега <link>.

<head>

<link rel="stylesheet" type="text/css" href="#">

<!– Другие метатеги могут быть добавлены здесь –>

</head>

<script> для подключения скриптов – если вы используете внешние файлы JavaScript, вы можете подключить их с помощью тега <script>.

<head>

<script src="script.js"></script>

<!– Другие метатеги могут быть добавлены здесь –>

</head>

Это лишь несколько примеров элементов, которые могут находиться в блоке <head>. Фактически, содержимое <head> может включать и другие элементы, такие как метатеги для социальных сетей, фавиконы, ссылки на шрифты и другие важные ресурсы.

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

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

<!DOCTYPE html> – объявляет тип документа и версию HTML.

<html> – определяет корневой элемент HTML.

<head> – содержит метаданные о документе, такие как заголовок, ссылки на стили и скрипты.

<title> – задает заголовок документа, отображаемый в строке заголовка браузера.

<body> – содержит основное содержимое документа, такое как текст, изображения, таблицы и другие элементы.

<h1>, <h2>, …, <h6> – определяют заголовки различных уровней.

– создает абзац текста.

<a> – создает гиперссылку.

<img> – вставляет изображение.

<ul>, <ol>, <li> – создают неупорядоченный или упорядоченный список.

<div> – определяет блок элемента для создания контейнеров.

<span> – определяет строчный элемент для стилизации отдельных частей текста.

<table>, <tr>, <td> – создают таблицы, строки и ячейки.

<form> – определяет форму для ввода данных.

<input> – создает поле ввода внутри формы.

<button> – создает кнопку.

<textarea> – создает многострочное текстовое поле.

<select>, <option> – создают выпадающий список.

<hr> – рисует горизонтальную линию (разделитель).

<!– … –> – комментарий.

Списки и таблицы:

<dl>, <dt>, <dd> – создают определение списка (словарь).

<ul>, <ol>, <li> – дополнительные атрибуты могут изменять структуру и внешний вид списков (маркированные, нумерованные списки).

<table>, <thead>, <tbody>, <tfoot>, <tr>, <th> – для создания и стилизации таблиц.

Формы и ввод данных:

<form> – содержит элементы формы.

<input> – различные типы для ввода текста, пароля, чекбоксов, радиокнопок и др.

<select>, <option> – создают выпадающий список.

<button> – создает кнопку.

<textarea> – создает многострочное текстовое поле.

<label> – связывает текст с элементом формы для улучшения доступности.

Мультимедиа:

<audio>, <video> – встраивают аудио и видео контент.

<source> – определяет источники мультимедийных данных.

Гиперссылки и маркеры:

<a> – ссылка, может содержать текст, изображение или другие элементы.

<nav> – обозначает блок навигации.

<header>, <footer> – определяют верхнюю и нижнюю части страницы соответственно.

Метаданные:

<meta> – предоставляет метаданные, такие как кодировка, описание, ключевые слова.

Структурные элементы:

<article> – обозначает независимую статью в документе.

<section> – определяет раздел в документе.

<aside> – обозначает содержание, которое находится в стороне от основного контента.

  • Читать дальше
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

Ебукер (ebooker) – онлайн-библиотека на русском языке. Книги доступны онлайн, без утомительной регистрации. Огромный выбор и удобный дизайн, позволяющий читать без проблем. Добавляйте сайт в закладки! Все произведения загружаются пользователями: если считаете, что ваши авторские права нарушены – используйте форму обратной связи.

Полезные ссылки

  • Моя полка

Контакты

  • chitat.ebooker@gmail.com

Подпишитесь на рассылку: