🧾Функция int
Чтобы понять значение классов, мы должны понять встроенную функцию int().
Все классы имеют функцию init(), которая всегда выполняется при инициализации класса.
Используйте функцию init() для присвоения значений свойствам объекта или других операций, которые необходимо выполнить при создании объекта.
Пример:
Создайте класс с именем Person, используйте функцию init() для присвоения значений имени и возрасту:
class Person:
def init(self, name, age):
self.name = name
self.age = age
p1 = Person("Андрей", 52)
print(p1.name)
print(p1.age)
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Чтобы понять значение классов, мы должны понять встроенную функцию int().
Все классы имеют функцию init(), которая всегда выполняется при инициализации класса.
Используйте функцию init() для присвоения значений свойствам объекта или других операций, которые необходимо выполнить при создании объекта.
Пример:
Создайте класс с именем Person, используйте функцию init() для присвоения значений имени и возрасту:
class Person:
def init(self, name, age):
self.name = name
self.age = age
p1 = Person("Андрей", 52)
print(p1.name)
print(p1.age)
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Методы объекта
Объекты также могут содержать методы. Методы в объектах — это функции, принадлежащие объекту.
Создадим метод в классе Person.
Пример:
Вставьте функцию, которая печатает приветствие, и выполните ее для объекта p1.
class Person:
def init(self, name, age):
self.name = name
self.age = age
def myfunc(self):
print("Привет, меня зовут " + self.name)
p1 = Person("Андрей", 52)
p1.myfunc())
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Объекты также могут содержать методы. Методы в объектах — это функции, принадлежащие объекту.
Создадим метод в классе Person.
Пример:
Вставьте функцию, которая печатает приветствие, и выполните ее для объекта p1.
class Person:
def init(self, name, age):
self.name = name
self.age = age
def myfunc(self):
print("Привет, меня зовут " + self.name)
p1 = Person("Андрей", 52)
p1.myfunc())
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Собственный параметр
Параметр self является ссылкой на текущий экземпляр класса и используется для доступа к переменным, принадлежащим классу.
Его не обязательно называть self , вы можете называть его как угодно, но он должен быть первым параметром любой функции в классе.
Пример:
Используйте слова mysillyobject и abc вместо self.
class Person:
def init(mysillyobject, name, age):
mysillyobject.name = name
mysillyobject.age = age
def myfunc(abc):
print("Привет, меня зовут " + abc.name)
p1 = Person("Андрей", 52)
p1.myfunc()
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Параметр self является ссылкой на текущий экземпляр класса и используется для доступа к переменным, принадлежащим классу.
Его не обязательно называть self , вы можете называть его как угодно, но он должен быть первым параметром любой функции в классе.
Пример:
Используйте слова mysillyobject и abc вместо self.
class Person:
def init(mysillyobject, name, age):
mysillyobject.name = name
mysillyobject.age = age
def myfunc(abc):
print("Привет, меня зовут " + abc.name)
p1 = Person("Андрей", 52)
p1.myfunc()
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Изменить свойства объекта
Вы можете изменять свойства объектов следующим образом.
Пример:
Установите возраст p1 на 40.
p1.age = 40
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Вы можете изменять свойства объектов следующим образом.
Пример:
Установите возраст p1 на 40.
p1.age = 40
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Удалить свойства объекта
Вы можете удалить свойства объектов с помощью ключевого слова del
Пример
Удалите свойство age из объекта p1:
del p1.age
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Вы можете удалить свойства объектов с помощью ключевого слова del
Пример
Удалите свойство age из объекта p1:
del p1.age
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Удалить объекты
Вы можете удалять объекты с помощью ключевого слова del
Пример:
Удалите объект p1.
del p1
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Вы можете удалять объекты с помощью ключевого слова del
Пример:
Удалите объект p1.
del p1
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Заявление о пропуске
Определения класса не могут быть пустыми, но если по какой-то причине у вас есть определение class без содержимого, добавьте оператор pass чтобы избежать ошибки.
Пример:
class Person:
pass
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Определения класса не могут быть пустыми, но если по какой-то причине у вас есть определение class без содержимого, добавьте оператор pass чтобы избежать ошибки.
Пример:
class Person:
pass
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
HTML — Атрибуты
У элементов HTML есть атрибуты. Атрибуты — это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом, чтобы соответствовать критериям пользователей.
Проще говоря, они предоставляют дополнительную информацию о HTML-элементах.
Краткие сведения:
· Все элементы HTML могут иметь атрибуты;
· Атрибуты предоставляют дополнительные сведения об элементе;
· Атрибуты всегда указываются в начальном теге;
· Атрибуты обычно поставляются в парах "имя/значение", например:
Их есть несколько типов, про каждый поговорим подробнее:
· href;
· src;
· width/height;
· alt;
· style;
· lang;
· Title.
📓 #HTML #Код
У элементов HTML есть атрибуты. Атрибуты — это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом, чтобы соответствовать критериям пользователей.
Проще говоря, они предоставляют дополнительную информацию о HTML-элементах.
Краткие сведения:
· Все элементы HTML могут иметь атрибуты;
· Атрибуты предоставляют дополнительные сведения об элементе;
· Атрибуты всегда указываются в начальном теге;
· Атрибуты обычно поставляются в парах "имя/значение", например:
name="value".Их есть несколько типов, про каждый поговорим подробнее:
· href;
· src;
· width/height;
· alt;
· style;
· lang;
· Title.
📓 #HTML #Код
Атрибут HTML — ALT
Атрибут ALT — указывает альтернативный текст, который будет использоваться, когда изображение не может быть отображено.
– Значение атрибута может быть прочитано программами чтения с экрана. Таким образом, кто-то, например, слепой человек, может "слышать" элемент.
Пример:
Атрибут alt также полезен, если изображение не существует.
📓 #HTML #Код
Атрибут ALT — указывает альтернативный текст, который будет использоваться, когда изображение не может быть отображено.
– Значение атрибута может быть прочитано программами чтения с экрана. Таким образом, кто-то, например, слепой человек, может "слышать" элемент.
Пример:
<img src="img_girl.jpg" alt="Girl with a jacket">
Атрибут alt также полезен, если изображение не существует.
📓 #HTML #Код
Атрибут HTML — LANG
– Язык документа может быть объявлен в теге <html> .
– Язык объявляется с атрибутом lang.
– Объявление языка важно для приложений специальных возможностей (программы чтения с экрана) и поисковых систем:
Первые две буквы указывают язык (EN). Если есть диалект, используйте еще две буквы (US).
📓 #HTML #Код
– Язык документа может быть объявлен в теге <html> .
– Язык объявляется с атрибутом lang.
– Объявление языка важно для приложений специальных возможностей (программы чтения с экрана) и поисковых систем:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
Первые две буквы указывают язык (EN). Если есть диалект, используйте еще две буквы (US).
📓 #HTML #Код
Знакомство с CSS — №1
– CSS выступает за Cаскадинг STyle sХитс.
– CSS описывает, как элементы HTML должны отображаться на экране, бумаге или на других носителя х.
– CSS экономит много работы. Он может контролировать расположение нескольких веб-страниц все сразу.
— Внешние таблицы стилей хранятся в файлах CSS.
Зачем использовать CSS?
CSS используется для определения стилей для веб-страниц, включая дизайн, компоновку и вариации отображения для различных устройств и размеров экрана.
📓 #CSS #Интересно
– CSS выступает за Cаскадинг STyle sХитс.
– CSS описывает, как элементы HTML должны отображаться на экране, бумаге или на других носителя х.
– CSS экономит много работы. Он может контролировать расположение нескольких веб-страниц все сразу.
— Внешние таблицы стилей хранятся в файлах CSS.
Зачем использовать CSS?
CSS используется для определения стилей для веб-страниц, включая дизайн, компоновку и вариации отображения для различных устройств и размеров экрана.
📓 #CSS #Интересно
Знакомство с CSS — №2
HTML никогда не предназначался для хранения тегов для форматирования веб-страницы! Он был создан для описания содержимого веб-страницы, например:
Когда теги, такие как <font> и атрибуты цвета, были добавлены в спецификацию HTML 3,2, это стало кошмаром для веб-разработчиков.
Разработка крупных сайтов, где шрифты и цветовая информация были добавлены на каждую страницу, стала долгим и дорогостоящим процессом.
Чтобы решить эту проблему, Консорциум World Wide Web (W3C) создал CSS.
CSS удалил форматирование стиля со страницы HTML, а также экономит много времни!
Определения стилей обычно сохраняются во внешних CSS-файлах.
С помощью внешнего файла стилей можно изменить внешний вид всего веб-сайта, изменив только один файл.
📓 #CSS #Интересно
HTML никогда не предназначался для хранения тегов для форматирования веб-страницы! Он был создан для описания содержимого веб-страницы, например:
<H1> это заголовок </H1>
<p> это абзац. </p>Когда теги, такие как <font> и атрибуты цвета, были добавлены в спецификацию HTML 3,2, это стало кошмаром для веб-разработчиков.
Разработка крупных сайтов, где шрифты и цветовая информация были добавлены на каждую страницу, стала долгим и дорогостоящим процессом.
Чтобы решить эту проблему, Консорциум World Wide Web (W3C) создал CSS.
CSS удалил форматирование стиля со страницы HTML, а также экономит много времни!
Определения стилей обычно сохраняются во внешних CSS-файлах.
С помощью внешнего файла стилей можно изменить внешний вид всего веб-сайта, изменив только один файл.
📓 #CSS #Интересно
Синтаксис CSS
Набор правил CSS состоит из селектора и блока объявлений:
– Селектор указывает на элемент HTML, который требуется присвоить стилю.
– Блок объявления содержит одно или несколько объявлений, разделенных точками с запятой.
– Каждое объявление содержит имя свойства CSS и значение, разделенное двоеточием.
– Объявление CSS всегда заканчивается точкой с запятой, а блоки объявлений окружены фигурными скобками.
В следующем примере все элементы <p> будут выровнены по центру, с красным цветом текста:
Пример:
📓 #CSS #Код #Интересно
Набор правил CSS состоит из селектора и блока объявлений:
h1 {color:blue; font-size:12px}– Селектор указывает на элемент HTML, который требуется присвоить стилю.
– Блок объявления содержит одно или несколько объявлений, разделенных точками с запятой.
– Каждое объявление содержит имя свойства CSS и значение, разделенное двоеточием.
– Объявление CSS всегда заканчивается точкой с запятой, а блоки объявлений окружены фигурными скобками.
В следующем примере все элементы <p> будут выровнены по центру, с красным цветом текста:
Пример:
p {
color: red;
text-align: center;
}📓 #CSS #Код #Интересно
Cелекторы CSS — №1
Селекторы CSS используются для "поиска" (или выбора) элементов HTML на основе их имени элемента, идентификатора, класса, атрибута и т.д.
Селектор элементов:
– Селектор элементов выбирает элементы на основе имени элемента.
Вы можете выбрать все <p> элементы на странице, как это (в этом случае все <p> элементы будут выровнены по центру, с красным цветом текста):
Пример:
📓 #CSS #Код #Интересно
Селекторы CSS используются для "поиска" (или выбора) элементов HTML на основе их имени элемента, идентификатора, класса, атрибута и т.д.
Селектор элементов:
– Селектор элементов выбирает элементы на основе имени элемента.
Вы можете выбрать все <p> элементы на странице, как это (в этом случае все <p> элементы будут выровнены по центру, с красным цветом текста):
Пример:
p {
text-align: center;
color: red;
}📓 #CSS #Код #Интересно
Cелекторы CSS — №2
Селектор идентификаторов использует атрибут ID элемента HTML для выбора конкретного элемента.
Идентификатор элемента должен быть уникальным в пределах страницы, поэтому селектор ID используется для выбора одного уникального элемента!
– Чтобы выбрать элемент с определенным идентификатором, напишите символ хэша (#), за которым следует идентификатор элемента.
Правило стиля, приведенное ниже, будет применено к элементу HTML с id="para1":
Пример:
📓 #CSS #Код #Интересно
Селектор идентификаторов использует атрибут ID элемента HTML для выбора конкретного элемента.
Идентификатор элемента должен быть уникальным в пределах страницы, поэтому селектор ID используется для выбора одного уникального элемента!
– Чтобы выбрать элемент с определенным идентификатором, напишите символ хэша (#), за которым следует идентификатор элемента.
Правило стиля, приведенное ниже, будет применено к элементу HTML с id="para1":
Пример:
#para1 {
text-align: center;
color: red;
}📓 #CSS #Код #Интересно
Cелекторы CSS — №3
Селектор класса выбирает элементы с определенным атрибутом class.
– Чтобы выбрать элементы с определенным классом, напишите символ точки (.), за которым следует имя класса.
В приведенном ниже примере все HTML-элементы с class="center" будет красным и center-aligned:
Пример:
Можно также указать, что класс может затронуть только определенные элементы HTML.
📓 #CSS #Код #Интересно
Селектор класса выбирает элементы с определенным атрибутом class.
– Чтобы выбрать элементы с определенным классом, напишите символ точки (.), за которым следует имя класса.
В приведенном ниже примере все HTML-элементы с class="center" будет красным и center-aligned:
Пример:
.center {
text-align: center;
color: red;
}Можно также указать, что класс может затронуть только определенные элементы HTML.
📓 #CSS #Код #Интересно
Комментарии в CSS
– Комментарии используются для объяснения кода и могут помочь при редактировании исходного кода на более позднюю дату.
– Комментарии игнорируются браузерами.
CSS комментарий начинается с/* и заканчивается */. Комментарии также могут охватывать несколько строк:
Пример:
📓 #CSS #Код #Интересно
– Комментарии используются для объяснения кода и могут помочь при редактировании исходного кода на более позднюю дату.
– Комментарии игнорируются браузерами.
CSS комментарий начинается с/* и заканчивается */. Комментарии также могут охватывать несколько строк:
Пример:
p {
color: red;
/* This is a single-line comment */
text-align: center;
}
/* This is
a multi-line
comment */📓 #CSS #Код #Интересно
Стили в CSS — №1
Существует три способа вставки таблицы стилей:
– Внешняя таблица стилей
– Внутренняя таблица стилей
– Встроенный стиль
Внешняя таблица стилей:
С помощью внейшней таблица стилей, вы можете изменить внешний вид всего веб-сайта, изменив только один файл!
– Каждая страница должна содержать ссылку на внешний файл таблицы стилей внутри элемента <Link>. Элемент <Link> попадает внутрь <head> раздела:
Пример:
Внешняя таблица стилей может быть написана в любом текстовом редакторе.
📓 #CSS #Код
Существует три способа вставки таблицы стилей:
– Внешняя таблица стилей
– Внутренняя таблица стилей
– Встроенный стиль
Внешняя таблица стилей:
С помощью внейшней таблица стилей, вы можете изменить внешний вид всего веб-сайта, изменив только один файл!
– Каждая страница должна содержать ссылку на внешний файл таблицы стилей внутри элемента <Link>. Элемент <Link> попадает внутрь <head> раздела:
Пример:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>Внешняя таблица стилей может быть написана в любом текстовом редакторе.
📓 #CSS #Код
