Вы находитесь на странице: 1из 4

FRONT WND

html - ������� ����������, ������ �������� ������ �� ��������� ��������


CSS - �����������
JS - ���������� �� ������� ����������� �������� �� ���� ������� ����� ���������
�������.
�������� framework UI5.

HTML ����� ���������� ��������� ������������ �����, ������� ���������� ��� ��


���������� ���� � �����.
visual studio ����� ������� ���������
https://code.visualstudio.com

emmet �������� ��������� ������ ���


Plugins:
auto rename tag
beutify
live server
view in brosew
spellchecker.

����, ������� �������� �������,


������ ����,

������� - ������ ����� ����������� ���

��� P - ��������, �����. ����� �������� ���, ��� ������.


����� ��������.
����� ��������� � ��������� ����� <p> </p>
<br> - ������ ������
<span> - ��������� ����� ������ �� ��������� ����������

��������� �������� ��������

"�����������" - ������ ����������

<tr>, <td> tags for tables creating

table - main tag

tbody - body tabke part

Lists
UL - marked list

Tag
- images
- links
Href - ���� ���������
target = '_blank" ��� � ����� �� ���� �������� ��� � ��������
#href - ����� ����������� � ��� � �������� ��������

DIV - ���������, � ������� ����� ���������� ������ DIV


FORM - ����� ��������� �� ����� ������, ������� ��������� ������ �� �������� ��
������

http �������� ����������� ������� �� ���� ��������


action - �����
post - �����
input - �������� �� ������� ��������� �������� ����� ������
��� �������:
name; value

CVS -������� ������� ������. ���� ��������� ��������� GIT.


untraked
unmodified
modified
staged - ����� � ������
� ������ ������ ���� ��� � ������, ����������� �������� ���������, ��� ��� �������.
branch - �����, ������ �������

�������� ��������� �������� �������� ��������


������� ��������� - �������� ���������,
������ ������ � �������� � ������

GIT Bash
Beautify
GitLens
Live srver
UI5 explorer

DOCTYPE = HTML - ���������, ��� �� ����������� HTML5


script - ��� �� ��������� ������

TYPE OF selectors

html tag - like div


id #link-list
cless .link-item

<p align = "right">content </p>

********************************************************************************
CSS - ��������� ������� ������
���������� css ������, �������

������������ �����, ����� ���������� �������� ���������.


����� ���� ��������������.

��������������� ���������� �� ��������:


!important
style attribute
id
class, pseudo class, attribute
element

Color
HEX, RGBA
BOX MODEL
padding ���������� ����� �� �������� �� ��������
border - ������� ��������
margin - ������� ������ ������� ��������� �� ������� ��������
box sizing - ��� ���������� ������������ �� ������ ����� � �� ���� ������� �
���������� ������ �����.

����� ����� ����������� 3 ������


inline - ���� ������� ����� ��������� ����� ����� � ����� ���� ��� ������ �
�������� ������
block - �������������, ��� ������ ��� �������������
inlone block - ������� �������� ��� � inline ���������,
� ������ � ������

����� ������ ������� ��������������� ������ ���������


CSS: float - ���������� ��������, �� ���� � ����� ������� �������� �������
�� �����������.

CSS: Position - ����������������


static
relative
absolute
fixed

z-index - ��������� ����� �� ��������� ����������� ����� � ���

HTML4 -> HTML5 ����� �� div


<div id = "header"> -> <header> - ������ �����
section - �������
sidebar - ���
nav - ��������
article - ��������

CSS3 FLEXBOX

display: flex
�������� ����������� � ������
���� ��� ���
������� - ������������� ����� �� �����
������������� - ����� �����

justify content �������� �� ������������ �� ������


flex between ����� �������� ������������ �� ���������� �����
space around
������ ������� ������������ ������� �� ����� ���,
����� �� ������,
����� ��� ������, � ����� �� ���� ������� ��������� � �������� � ���� ������
��������

Flex basis - ������� ������, � �������� ��������� ���������


flex grow -
fle shrink - ����������� �����������, � ������ �� ������ �������� ��������� �� 0
��� ������ ����� ����������.
flex wrap - ��������� ����� �� ������� �������� ������ ���������� ��� ���

��������� ���������������� � ������������� ����������������