Knowledge to become a Coder

list-style : 리스트 스타일을 뜻한다. 스타일 태그에 쓸 수 있으며 ul , ol , li 쪽에 사용된다. 사용법은 ul.li {list-style: none;} = ul 과 li에 있는 리스트 스타일을 없애라 이다. ul에 사용하면 맨 앞에 위치해있는 점 들이, ol에 사용하면 숫자들이 사라진다. text-decoration : 텍스트 데코레이션 이라 한다. 역시 스타일 태그에 쓰며 보통 태그를 걸면 밑줄이 생기는데 그 밑줄을 삭제하는데 사용한다. 사용법은 p > a {text-decoration: none;} : a태그가 걸려져있는 p문단에 생긴 밑줄을 없애라. 부모 자식 속성 p 는 div에 속해 있는 상태이다. 위와 같이 나올 경우 div가 부모 p가 자식이다. 위와 같이 나오면 div가..

개발/Html 및 CSS 2021. 4. 20. 23:13

margin : 바깥쪽 (외부) 여백을 나타낸다. 픽셀을 4번입력할수있는데 예문은 margin: 30px; = 상하좌우 모두 30px로 조정한다. margin: 20px 30px; = 상하는 20px로 좌우는30px로 조정한다. margin: 30px 10px 20px; = 상은 30px로 좌우는 10px로 하는20px로 조정한다. margin: 10px 20px 30px 40px; = 상은 10px , 우는 20px, 하는30px 좌는40px로 조정한다. padding: 안쪽 (내부) 여백을 나타낸다. 사용법은 margin과 똑같다. margin: 0 auto; 는 중앙정렬을 뜻한다. color : 뜻대로 색상을 의미한다. 색상을 영어로 적어도되고 16진수 코드로적어도된다. 사용법은 color: gre..

개발/Html 및 CSS 2021. 4. 19. 20:04

= 스스로 닫히는 태그다. src는 경로를 뜻한다. 주로 사용되는 속성은 width: 000px; = 가로 를뜻한다. height: 000px; = 세로 뜻한다. = 순서가 있는 목록이다. 예문은 예시 예시 위에 예문을 실행해보면 알 수 있을 것이다. = 순서가 없는 목록이다. 예문은 예시 예시 마찬가지로 실행해보면 ol과의 차이점이 눈에 보일 것이다. ( = 리스트를 뜻한다. ol과 ul에 필수요소다.) = 위에 있는 ul과 ol 과는 다른 리스트이다. 보통 dl은 사전이나 레시피 같은 곳에서 쓰인다. 예문은 예시 이것은 예문입니다. 이것도 실행해서 결과값 을보면 알 수 있을 것이다. (ul과 ol에 li 가있듯이 dl에는 dt와 dd 가있다. dt는 개념을 나타내는 용도, dd는 그 개념에 대한 설명..

개발/Html 및 CSS 2021. 4. 16. 22:40

이번에는 여러 태그에 대해 작성해 보려 한다. 저번처럼 너무 길거나 그러진 않을 것 같다. (아마?) 123 = 내용을 강조할 때 사용한다. 실행시키면 123 이렇게 나올 것이다. ( 태그도 같은 기능을 하나 최신 표준은 라고 한다.) 123 = 내용을 강조할 때 사용한다. 실행시키면 123 이렇게 나올 것이다. ( 도 과 같은 기능이다. 최신 표준은 모르겠다) 123 = 인용문이라고 표현한다. (근데 나는 그냥 들여 쓰기라고 이해했다. 실행해보면 알 것이라 믿는다.) 123 = 큰따옴표를 붙여준다. 실행시키면 "123" 이렇게 나올 것이다. 123 = 작품의 제목을 표기할 때 사용한다. 실행시키면 123 이렇게 나올 것이다. ( 과 같은 기능이나 용도가 다르다.) = 하이퍼링크를 걸어준다. 속성은 2가..

개발/Html 및 CSS 2021. 4. 15. 23:09

국비를 다니면서 예 복습 겸 글을 작성한다. 보통 요약해서 작성을 하려고 한다. 그게 찾아보기 훨씬 편하다 지금부터 시작하겠다. html에는 태그 와 속성이라는 것이 존재한다 먼저 태그는 123 처럼 = 열리는 태그 / = 닫히는 태그 가 있다. 열리는 태그가 있으면 반드시 닫히는 태그도 있어야 한다. 그러나 항상 예외도 존재한다. 스스로 닫히는 태그도 있다. ex) = 스스로 닫히는 태그 스스로 닫히는 태그들 같은 경우는 따로 열고 닫을 필요 없이 한 번에 입력하면 된다. 다음은 속성이다. 먼저 예시부터 보자 ex) 위 예시는 img 태그의 속성인 src를 이용한 것이다. 해석은 img 태그의 속성인 src= img 폴더에 있는 money.jpg를 불러와라 못 불러올 시 '돈'이라고 표시하라 다. (s..

개발/Html 및 CSS 2021. 4. 15. 22:26