System.out.println("Hello, World");

HTML 코드

  (공백을 준다)



-링크걸기


<h1~6> 헤드라인 : 볼드체, 엔터, 1(큰)~6(작은)글자 크기


<hr> : 라인


Style 적용하기


스타일 태그

-배경 변경




-border 설정


-margin 설정





위와 같이 margin을 설정해주면 30px만큼 바깥쪽으로 빈공간을 만들어주게 된다.


-padding 설정



위 그림에서 보면 검은색 사각형으로 범위를 지정해놨는데 파란색 border에서 안쪽 검은색 사각형사이에 30px만큼 거리가 

생긴것이다.


-Div 설정

div는 블록을 지정해서 엔터 효과를 준다



-Span 설정

블록을 지정해주는 태그


블록만 지정해주기 때문에 적용하면 아무것도 변하지 않는다.



-Id 설정




위와 같이 한 태그만 설정되어 적용된다.


-Class 설정



위와 같이 여러개를 설정해서 한꺼번에 스타일 효과를 적용 시킬수 있다.


- 줄 귿기 




위 그림과 같이 줄이 그어지게 된다.





Posted by 김마농