천천히 알아가는 세상

안녕하세요. 이번에는 HTML에서 요소의 위치를 조정할 때 사용하는 기능에 속하는 CSS의 Position에 대해서 알아보겠습니다. Position HTML 요소(element)를 원하는 위치에 배치하기 위해서 사용하는 CSS 속성입니다. static, relative, absolute, fixed 속성이 존재합니다. position 속성은 요소의 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용합니다. 1. static 기본적으로 적용되는 값이며, 정적 방식에 해당 합니다. 2. relative 상대적 위치 방식으로 적용되는 속성이며, static 속성을 기준으로 상대적으로 위치를 이동한다. 2-1. Ex1) circle1 (빨간 원)에 relative 속성을 부여하면 ..

[참고용] CSS 적용 우선 순위 1순위 -------------------------------------- 마지막 순위 !important > 인라인 > 아이디 > 클래스/속성/가상 > 태그 > 전체

안녕하세요 이번에는 HTML 태그 중에서 표에 해당하는 Table 태그에 대해서 알아보겠습니다. 1. Table 태그 기본 사용 방법 표에서 tr 태그는 행을 의미하고, td 태그는 열을 의미한다. border 은 표 테두리를 설정하는 속성으로 지금은 1두께로 설정한 상태입니다. 1 2 3 4 5 6 2. Table 태그의 간단한 속성 - border : 테두리 두께 - cellspacing : 경계선 사이의 여백의 크기 - cellpadding : 칸 안의 여백의 크기 그 외 여러 가지 속성이 존재합니다. 3. TD 태그 속성 - 가로 병합 : colspan - 세로 병합 : rowspan 1 2 3 4 7 8 4. 실습코드 더보기 4-1. 달력 2019년 6월 日 月 火 水 木 金 土 1 2 3 4 ..

안녕하세요. 이번에는 html 기본 구조에 대해서 간략하게 알아보겠습니다. 1. 기본 작성 방법 기본적으로는 이렇게 작성을 합니다. 보통 head 태그에는 script, css 파일 등을 작성할 때 쓰이고 head 태그 안에서 title은 홈페이지 제목을 뜻합니다. body 태그에는 홈페이지 내용들이 입력되는 칸이라고 보시면 됩니다. 그리고 꼭 로 시작을 하면 와 같이 닫아주는 작업이 필요합니다. 모든 태그가 그렇지는 않은데 대부분의 태그는 열어주면 닫아주는 작업까지 필요합니다. 2. HTML 기본 태그 일단 간단하게 정리하면 기본적으로 사용하는 태그는 다음과 같습니다. => 문자(제목) 태그 ⇒ Enter 기능 ⇒ 이미지 태그 ⇒ 링크 태그 => 문단 태그 => 문자 태그 => 문자 태그 => 목록 태..