скачать книгу бесплатно
FTP обеспечивает простой и эффективный способ управления файлами на удаленных серверах, что делает его важным инструментом для веб-разработчиков, системных администраторов и всех, кто работает с передачей файлов в сети. Скачиваем программу Total Commander и соединяемся по трем параметрам (имя соединения любое): сервер, учетная запись и пароль, которые можно взять в личном кабинете на хостинге.
Внимание: пароль в программе не сохраняем.
HTML
HTML (Hypertext Markup Language) – это язык разметки, используемый для создания и структурирования веб-страниц. Он предоставляет средства для описания структуры документа с помощью различных элементов и их атрибутов. HTML-документы состоят из элементов, таких как заголовки, параграфы, ссылки, изображения и другие.
Вот несколько основных понятий, которые полезно знать о HTML:
Элементы – элементы HTML представляют собой строительные блоки веб-страниц. Каждый элемент обозначается открывающим и закрывающим тегами, например <p> для параграфа. Текст между открывающим и закрывающим тегами является содержимым элемента.
<p>Пример параграфа в HTML.</p>
Теги – теги используются для обозначения начала и конца элемента. Открывающий тег содержит название элемента, а закрывающий тег предваряется косой чертой (/). Например, <p> – открывающий тег, а </p> – закрывающий тег для элемента параграфа.
Атрибуты – атрибуты предоставляют дополнительную информацию об элементе и добавляются в открывающий тег. Например, атрибут href в теге <a> определяет адрес ссылки.
<a href="https://www.example.com">Ссылка на пример</a>
Структура документа – HTML-документ имеет стандартную структуру, которая включает в себя <html>, <head> и <body>. Внутри <head> обычно размещаются метаданные, а внутри <body> – содержимое страниц.
<!DOCTYPE html>
<html>
<head>
<title>Заголовок на странице</title>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это пример HTML-страниц.</p>
</body>
</html>
Ссылки – для создания гиперссылок используется тег <a>. Атрибут href указывает URL ссылки.
<a href="https://www.example.com">Ссылка на пример</a>
Изображения – используйте тег <img> для вставки изображений. Атрибут src содержит путь к файлу изображения.
<img src="example.jpg" alt="Пример изображения">
HTML (Hypertext Markup Language) – это язык разметки, используемый для создания и структурирования веб-страниц. Он предоставляет средства для описания структуры документа с помощью различных элементов и их атрибутов. HTML-документы состоят из элементов, таких как заголовки, параграфы, ссылки, изображения и другие.
Вот несколько основных понятий, которые полезно знать о HTML:
Элементы – элементы HTML представляют собой строительные блоки веб-страниц. Каждый элемент обозначается открывающим и закрывающим тегами, например <p> для параграфа. Текст между открывающим и закрывающим тегами является содержимым элемента.
<p>Пример параграфа в HTML.</p>
Теги – теги используются для обозначения начала и конца элемента. Открывающий тег содержит название элемента, а закрывающий тег предваряется косой чертой (/). Например, <p> – открывающий тег, а </p> – закрывающий тег для элемента параграфа.
Атрибуты – атрибуты предоставляют дополнительную информацию об элементе и добавляются в открывающий тег. Например, атрибут href в теге <a> определяет адрес ссылки.
<a href="https://www.example.com">Ссылка на пример</a>
Изображения – используйте тег <img> для вставки изображений. Атрибут src содержит путь к файлу изображения.
<img src="example.jpg" alt="описание изображения">
Это основы HTML, которые могут помочь в создании простых веб-страниц. HTML часто используется в сочетании с CSS (Cascading Style Sheets) для стилизации и JavaScript для добавления интерактивности.
В блоке <head> HTML-документа обычно размещаются метаданные и ссылки на внешние ресурсы. Вот несколько типичных элементов, которые могут находиться в <head>:
<title> – этот тег устанавливает заголовок на странице, который отображается в строке заголовка веб-браузера. Каждая HTML-страница должна иметь свой уникальный <title>.
<head>
<title>Заголовок вашей странице</title>
</head>
<meta charset="UTF-8"> – этот метатег указывает кодировку документа. Рекомендуется использовать UTF-8, чтобы обеспечить поддержку различных символов.
<head>
<meta charset="UTF-8">
<!– Другие метатеги могут быть добавлены здесь –>
</head>
<meta name="description" content="Описание вашей страницы"> – этот метатег предоставляет краткое описание содержимого страницы. Он может использоваться поисковыми системами при отображении результатов поиска.
<head>
<meta name="description" content="Описание вашей страницы">
<!– Другие метатеги могут быть добавлены здесь –>
</head>
<link> для подключения стилей – если вы используете внешние стилевые файлы (CSS), вы можете подключить их с помощью тега <link>.
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<!– Другие метатеги могут быть добавлены здесь –>
</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> – определяют заголовки различных уровней.
<p> – создает абзац текста.
<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> – обозначает блок навигации.
