개발하다 애옹

요소 유형 태그명 태그의 의미 및 특징 인라인 요소 · HTML 문서에 이미지를 삽입할 때 사용하는 태그 · 필수 속성인 src 속성은 이미지의 경로를 지정한다. · alt 속성을 필수적으로 정의해 주어야 한다. ▶ 스크린 리더(음성낭독프로그램)에서 태그로 접근했을 때 alt 속성의 텍스트를 음성으로 읽어 줌으로써 이미지 정보를 전달할 수 있다. ▶ 이미지를 불러 올 수 없는 상황이 발생했을 때 이미지 대신 alt 속성의 텍스트가 출력되어 이미지의 내용을 전달할 수 있다. ※ 가끔 하나의 이미지에 여러 개의 링크가 적용 되어야 하는 경우가 있는데 이땐 태그를 사용한다. 링크의 영역을 사각형, 원, 다각형으로 나타낼 수 있다. ▶ shape="rect" → rect(사각형) 좌측상단 꼭짓점 x, y 좌표값..

요소 유형 태그명 태그의 의미 및 특징 인라인 요소 · 다른 HTML 문서의 이동(외부링크)이나 동일한 페이지 내에서 이동(내부링크), 이메일 주소에 링크를 지정할 수 있다. · href 속성은 링크의 목적지를 지정한다. ▶ ex) http://www.naver.com" target="_blank"> → 네이버 페이지로 이동(새 창으로) 태그 속성 중 target 속성은 링크된 HTML 문서를 어떤 방식으로 브라우저에 보여 줄 것인 가에 대한 속성 링크 ▶ _self는 target 속성의 기본 값으로 생략이 가능하고, 현재 프레임에서 링크 주소로 이동 링크 ▶ _blank는 target 속성 중 가장 많이 사용하는 속성이며, 새 창을 열어 링크 주소로 이동 링크 ▶ _parent는 현재 프레임의 상위 프..

요소의 유형은 '블록 레벨 요소'와 '인라인 요소'가 있다. ▶ 블록 레벨 요소(Block-level Elements) 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성을 가지고 있다. ex) h1 ~ h6, p 등 ▶ 인라인 레벨 요소(Inline Element) 인라인 요소는 블록 레벨 요소와 달리 줄 바꿈 특성이 없다. ex) strong, span 등 ※ 마크업을 할 때 블록 레벨 요소와 인라인 요소의 특성을 잘 알고 있어야만 문법적 오류를 방지할 수 있다. 콘텐츠 종류 내용 해당 요소 메타데이터 콘텐츠 Metadata Content · 태그 안에 포함되는 요소들로 콘텐츠의 표현, 동작 설정, 문서간 관계를 설정, 정보전달을 포함하는 요소를 의미 , , , , , , ..... 플로우 콘텐츠 F..

, , , , , 요소 유형 태그명 태그의 의미 및 특징 블록 레벨 요소 1. HTML 문서의 헤더 영역을 의미하는 태그로 제목이나 내비게이션, 검색 등의 내용들을 포함할 수 있다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없다. 1. HTML 문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목 요소( ~ )를 포함하는 것이 좋다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있다. 1. HTML 문서의 푸터 영역을 의미하는 태그로 섹션 작성자나 저작권에 대한 정보, 관련된 문서의 링크를 포함할 수 있다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없다. 1. HTML 문서..

W3C validator는 HTML 유효성 검사로 마크업에 대한 문법적 오류나 경고를 확인할 수 있다. 웹표준을 준수한 HTML 문서 작성에 가장 기본이 되는 사항이므로 마크업 중간이나 CSS에 들어가기 전에 확인해보고 넘어가야 한다. 작성한 HTML 문서의 '문법 유효성 검사'는 'http://validator.w3.org'에서 수행할 수 있다 ※ 마크업 기본 문법 규칙 ▶ 요소는 시작 태그와 종료 태그가 있어야 한다. ... ▶ 요소는 제대로 중첩되어야 한다. ... (O) ... (X) ▶ img 태그에는 alt 속성이 있어야 한다. ▶ 태그나 속성은 소문자로 사용하고, 속성의 값에는 따옴표(" ") 처리를 권장한다. ※ HTML 주석