good_da22

semantic semantic의 사전적 의미 : 의미론적인, 의미가 통하는 검색 로봇 또는 스크린 리더등의 기계가 쉽게 해석하고 분석할 수 있도록 만들어진 태그 HTML4에서는 와 id속성을 이용하여 화면을 구성 id의 이름을 정하는 규칙이 없기 때문에 문서의 구조를 이해하는데 한계, 웨어러블 장치나 스마트 기기를 이용하여 웹문서를 읽는 데 부적합 구조 HTML5에서는 웹문서 레이아웃을 표준화하는 semantic tag를 이용 사이트의 제목과 로고, 검책 창 등이 있는 헤더(header) 여러 내용이 있는 본문(contents : section + articles) 본문 외 내용을 나타내는 사이드바(aside) 저작권 정보와 제작자 정보를 표시하는 푸터(footer) 개발자가 의도한 요소의 의미를 명확..

HTML5 마크업 요소(Markup Elements) 여러 data 나열 dropdown 태그는 select box(dropdown)를 표시 태그는 select box에 포함될 항목들을 정의 selected 속성은 여러 개의 항목 중 선택된 항목을 표시 value 속성은 각 항목 값을 지정하기 위해 사용 사용자 입력이 아닌 여러 옵션 중에서 선택하는 목록 내용1 내용2 ... 속성 size : 화면에 표시될 dropdown 메뉴의 항목 개수 지정 multiple : 브라우저 화면에 여러 개의 옵션이 함께 표시되면서 ctrl 키를 누른 상태로 여러 항목을 선택(다중 선택) 속성 value : 옵션을 선택했을 때 서버로 넘겨질 값을 지정 selected : 화면에 표시될 때 기본으로 선택되어 있는 옵션을 지..

HTML5 마크업 요소(Markup Elements) form control 요소 사용자로부터 데이터를 입력받아 서버에서 처리하기 위한 용도로 사용 사용자의 요청에 따라 서버는 HTML form을 전달(회원가입 양식, 검색 양식 등) 사용자는 HTML form에 적절한 데이터를 입력한 후 서버로 전송, submit 서버는 사용자의 요청을 분석한 후 데이터를 등록하거나, 원하는 데이터를 조회하여 결과를 반환 Request : 값을 전달, 서버에 요청 Response : 해당 서버로부터 값을 받음 사용자가 입력하기 위한 control 요소들은 모두 태그 하위에 위치해야 서버로 전송된다. 각 control 요소마다 텍스트 입력, 버튼 클릭 등 다양한 형식으로 입력을 받는다. : 사용자에게 입력 받을 항목을 정..

HTML5 마크업 요소(Markup Elements) 포맷팅 요소 포맷팅 요소에는 화면에는 동일하게 출력되지만 각 요소가 가진 의미가 다른 것들이 존재 : 생략된 약어 표시. Title 속성을 함께 사용 : 연락처 정보 표시 : 긴 인용분구 표시, 좌우 들여쓰기 : 짧은 인용문구 표시, 좌우 따옴표 : 웹 문서나 포스트에서 참고 내용 표시 : 공백, 줄 바꿈 등 입력된 그대로 화면에 표시 : 컴퓨터 인신을 위한 소스 코드 : 특정 문자열을 강조, 화면에는 하이라이팅 됨 : 구분선 , : 굵은 글씨로 표시, 특정 문자열 강조() , : 이텔릭(기울게) 표시, 특정 문자열 강조() , : 큰 글자, 작은 글자 표시 , : 위 첨자, 아래 첨자로 표시 , : 취소선, 밑줄 목록형 요소 목록 태그는 하나 이상의..

HTML 웹 페이지 문서 구조 담당 마크업 언어(markup language)로 웹 문서를 작성하며, tag를 사용하여 문서의 구조 등을 기술하는 언어 tag와 속성 HTML 문서는 tag로 만들어진다. 시작 태그와 종료 태그 사이 바디가 없는 경우 시작 태그만 존재 HTML 문서의 전체 구성은 html, head, body tag로 구성 tag는 시작 tag와 종료 tag로 쌍을 이루거나 시작 tag만 존재하는 tag도 있다. 시작 tag 와 종료 tag 은 '/'로 구분하며 중첩되지 않도록 한다. 각각의 tag는 속성과 속성의 값이 존재 HTML tag에는 어느 tag에나 사용할 수 있는 글로벌 속성(global attribute) 이 있다. class : tag에 적용할 스타일의 이름..

HTML HTML은 Hypertext Markup Language의 약자 1990년도 이후 웹(Web, World Wide Web)에서 사용하는 문서 양식 문서에 하이퍼텍스트, 표, 목록, 비디오 등을 포함할 수 있는 tag(Tag)를 사용 문서를 Web Brower 에 표현할 때 tag 를 사용(Markup 적용) HTML 개발 배경 다양한 플러그인들로 인한 Browser간의 부작용을 막기위해 개발 W3C에서 Web Application1.0을 HTML5로 수용 웹 표준 모든 브라우저에서 웹서비스가 정상적으로 보여질 수 있도록 하는 것 W3C(World Wide Web Consortium)에서 HTML5를 웹 표준으로 권고하고 웹 브라우저는 이를 따른다. HTML5 특징 별도의 플러그인 없이 멀티미디어..