개발자 성장일지

1. 레이아웃 레이아웃(Layout)은 특정 공간에 여러 구성 요소를 보기 좋게 효과적으로 배치하는 작업 HTML에서는 웹 페이지 레이아웃 구성을 위해 Semanic 태그를 사용 더보기 #1 Layout header main section aside footer

1. CSS 속성 개요 CSS 속성은 스타일(크기, 글꼴, 색상, 위치 등) 처리를 위해 미리 정의된 키워드와 값 속성: 값 형태로 사용되며, 하나 이상의 속성은 세미콜론(;)을 통해 구분 CSS 속성은 크게 박스속성, 가시속성, 배경속성, 글자속성, 위치속성 등 2. 가시속성 가시속성은 태그요소의 화면 출력방식을 지정하는 속성 HTML 태그는 block 방식, inline 방식, inline-block 방식으로 나뉨 3. 박스속성 박스속성은 태그요소의 크기, 여백, 테두리를 지정하는 속성 웹 페이지의 레이아웃(화면설계) 구성할 때 많이 사용 4. 배경속성 배경속성은 태그요소의 배경에 이미지 또는 색을 지정하는 속성 CSS 색상 단위는 RGB,HEX 값을 사용 5. 글자속성 글자속성은 태그의 텍스트 요소..

1. CSS 개요와 선택자 CSS3는 HTML 태그 요소에 스타일(크기, 글꼴, 색상, 위치)처리를 위한 웹 표준 CSS 선택자는 HTML 특정 태그 요소에 스타일을 적용할 대상을 지정하는 문법 2. 기본선택자 id 속성은 유일한 고유 식별값, 하나의 태그에 스타일을 적용 class 속성은 관련 있는 그룹값, 여러 태그에 동일한 스타일을 적용 3. 자손 선택자 자손(자식, 후손) 선택자는 태그의 계층구조를 이용한 선택자 4. 구조 선택자 구조 선택자는 인접한 태그의 관계를 이용한 선택자 5. 속성 선택자 속성 선택자는 태그의 속성을 이용한 선택자 6. 반응 선택자 반응 선택자는 사용자의 반응으로 생성되는 태그의 상태를 선택

HTML 기본 HTML 문서는 태그와 속성으로 구성 HTML 태그는 시작태그와 종료태그를 가짐 2. 기본태그 HTML에서 가장 많이 사용하는 기본태그 a 태그는 필수 속성 herf를 가짐 3. 입력양식 태그 입력양식 태그는 사용자로부터 데이터를 입력 받는 태그 태그, 속성을 사용해 서버로 데이터 전송 4. 공간분할 태그 레이아웃 또는 공간분할 태그는 CSS로 원하는 화면 구성을 위한 태그 블록(Black)형식은 웹 브라우저 전체 공간에 대한 분할 인라인(inline)형식은 웹 브라우저 일부 영역에 대한 분할 5. 시맨틱 태그 공간분할 태그에 의미를 부여한 태그 프로그램이 HTML 문서를 읽고 의미를 그 인식 할 수 있는 지능형 웹을 위한 지원 태그

1.인터넷과 웹 인터넷은 전 세계를 네트워크로 연결한 통신망으로 컴퓨터나 스마트폰 같은 디지털기기로 연결되어 사람들이 정보를 공유할 수 있는 공간 웹은 인터넷에 연결된 컴퓨터를 이용해 사람들과 정보를 공유하는 서비스 2.인터넷과 웹 역사 미국의 신기술을 연구하는 ARPA에서 현재 웹의 모태가 되는 알파넷을 1969년에 개발 1989년 팀 버너스리가 인터넷에서 문서를 공유할 목적으로 웹(HTML)을 개발, W3C를 창설 3.웹 브라우저 NCSA는 1993년 모자이크라는 GUI를 웹 브라우저 최초로 발표 넷스케이프 커뮤니케이션(마크 안데르센)은 넷스카이프 웹 브라우저 발표 마이크로소프트는 1995년 인터넷 익스폴로러 발표 4.웹 표준 인터넷 익스플로러가 전 세계적으로 점유율이 높아지면서 표준화 기술이 대두 ..