기본 문법 - 태그 태그 (Tag) 이나 같은 것을 HTML에서는 문법적으로 태그라고 한다. 앞에 있는 태그를 열리는 태그, 뒤에 있는 태그를 닫히는 태그라고 구분해서 부른다. 닫히는 태그는 태그명 앞에/를 붙인다. 태그는 중첩해서 사용할 수도 있다. 강조하는 태그 과 으로 진하게 표시하고 싶은 구간을 감싸주기 - underline 밑줄을 긋는 태그 과 으로 표시하고 싶은 구간을 감싸주기

HTML 코딩 실습 환경 준비 에디터(Editor) 코딩을 학 위한 프로그램 윈도우 - 메모장 Mac - 텍스트 편집기 리눅스 - gedit, nano, vim 아톰(Atom) 아톰 다운로드 : https://atom.io 아톰에서 코딩하기 실습 파일을 저장할 폴더 생성 ( 윈도우 탐색기를 이용 -> 바탕화면에 WEB이라는 디레거리 생성 ) 프로젝트 폴더가 아톰 왼쪽에 표시되도록 하기 ( 메뉴 -> File -> Add project folder를 선택해서 바탕화면에 생성한 WEB 폴더 선택 ) 1.html 파일 생성 ( WEB 폴더에서 오른쪽 클릭 -> New File 선택 ) 1.html을 웹 브라우저로 열기 [단축키] 윈도우 : Ctrl + O(알파벳) [단축키] Mac : Cmd + O(알파벳) ..

코딩과 HTML 사람이 하는 일 코드(code) - 부호 또는 신호 소스(Source) - 원천 컴퓨터 언어 - 약속이라는 의미 기계가 하는 일 애플리케이션 앱 응용 프로그램 프로그램 HTML 웹 페이지를 만드는 코드 HTML의 특징 쉽다. 중요하다. 웹의 특징 퍼블릭 도메인(Public Domain) : 저작권이 없다. 먼 미래에도 지속 가능성이 높다.

운용의 용이성 (1) - 키보드 사용 보장에 대해 이해할 수 있다. - 초점 이동과 조작 기능에 대해 설명할 수 있다. - 응답시간 조절에 대해 설명할 수 있다. - 정지 기능에 대해 이해할 수 있다. 키보드 사용 보장 "텍스트를 입력하기 위한 키보드 조작 이외에도 마우스로 이용할 수 있는 모든 기능에 대해 키보드로 이용할 수 있도록 하는 것" 키보드 사용 보장의 필요성 마우스를 이용하기 어려운 사용자가 키보드를 이용할 수 있도록 한다. 일반 사용자도 키보드로 더욱 빠르고 정확한 컨트롤 가능해진다. 키보드 사용 검사항목 해설 예외 자유롭게 움직이는 아날로그적인 기능 시뮬레이션과 같은 콘텐츠 입체적인 시각화 기능 마우스를 끌어서 거리를 측정할 수 있는 기능 마우스로 이용 가능한 기능을 키보드로 이용할 수 ..

인식의 용이성 (2) - 인식의 용이성을 높이기 위한 검사항목 중 색에 무관한 콘텐츠 인식을 이해하고 콘텐츠에 제공할 수 있습니다. - 명확한 지시사항 항목을 이해하고 콘텐츠를 제공할 수 있습니다. - 텍스트 콘텐츠의 명도 대비 항목을 이해하고 콘텐츠를 제공할 수있습니다. - 배경음 사용 금지 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 색에 무관한 콘텐츠 인식 색에 무관한 콘텐츠 인식의 이해 색에 무관한 콘텐츠 인식의 개념 정보를 구분하는 구별점을 색상으로만 하지 않고, 색을 배제하더라도 인식할 수 있도록 제공하는 것 색에 무관한 콘텐츠 인식의 필요성 색에 무관한 콘텐츠 인식의 목적 색에 무관한 콘텐츠 인식의 검사항목 해설 색에 무관한 콘텐츠 제공방법 가. 제공방법 기준 : 색을 배제하여도 해당 콘텐..

인식의 용이성 (1) - 대체텍스트와 멀티미디어 대체수단의 개념을 이해할 수 있다. - 대체텍스트와 멀티미디어 대체수단의 취지와 내용을 설명할 수 있다. - 대체텍스트와 멀티미디어 대체수단 제공방법을 설명할 수 있다. 대체 텍스트 대체 텍스트의 이해 대체 텍스트의 개념 텍스트가 아닌 콘텐츠들 즉, 이미지, 이모티콘 문자, 영상, 음성 콘텐츠 등에 대하여 이를 텍스트 정보로 대체해주는 것 텍스트가 아닌 콘텐츠를 대체하여 제공하는 텍스트 정보 대체 텍스트의 필요성 대체 텍스트의 목적 음성으로 변환이 가능한 텍스트 제공 이미지가 제공되지 못하는 환경에서 대체 텍스트를 화면에 제시 검색엔진에서 이미지를 검색할 때, 대체 텍스트를 검색포털에서 보여질 수 있는 조건으로 제시 대체 텍스트의 검사항목 해설 대체 텍스트..