본문 바로가기

AI/Web

(6)
HTML5 미디어 요소, 기타 요소 미디어 요소 - HTML 문서에 음악과 같은 오디오를 삽입할 때 사용 - mp3, wav, ogg 3가지 형식 지원 - HTML 문서에 동영상을 삽입할 때 사용 - mp4, webm, ogg 3가지 형식 지원
HTML5 그룹 요소, 구조 관련 요소 그룹 요소 - 블록 레벨 요소 - 요소들을 그룹으로 묶어주고, CSS를 손쉽게 적용할 수 있게 함, 태그 자체는 아무 의미가 없음 - 텍스트, 인라인요소, 블록 레벨 요소 모두 포함 가능 - 인라인 요소 - 인라인 요소들을 그룹으로 정의하는 태그 - 태그처럼 CSS를 손쉽게 적용하기 위함 - 텍스트, 인라인 요소 포함 가능 구조 관련 요소 - 구조 관련 요소는 모두 블록 레벨 요소이다. - HTML문서의 헤더, 제목, 네비게이션, 검색 등의 내용 포함 가능 - 텍스트, 인라인 요소, 블록 레벨 요소 포함 가능 - 맥락이 같은 요소들을 주제별로 그룹화할 때 사용 - 섹션 작성자나 저작권에 대한 정보나 링크를 포함할 때 사용 - 메인 네비게이션이나, 목차 등을 정의할 때 사용 - 게시물, 뉴스 기사, 블로그..
HTML5 목록, 표, 폼 관련 요소 목록 관련 요소 - 블록 레벨 요소 - Order List의 약자, 순서목록을 정의할 때 사용 - 자식요소로 반드시 태그를 정의해 주어야 함. 태그만 가능 - 블록 레벨 요소 - List Item의 약자, 항목을 정의할 때 사용 - , 태그의 자식요소 - 텍스트, 인라인요소, 블록 레벨 요소를 모두 포함 가능 - 블록 레벨 요소 - Unorder List의 약자 - 비순서 목록을 정의할 때 사용 - 자식요소로 반드시 태그를 정의해 주어야 함. 태그만 가능 - 블록레벨 요소 - Description List의 약자 - 용어에 대한 설명 목록을 정의할 때 사용 - 자식 요소로 반드시 ,태그를 정의해주어야 함 표 관련 요소, 속성 - 블록 레벨 요소 - 표를 정의할 때 사용하는 태그, 행과 열의 2차원 정보로..
HTML5 텍스트 관련 요소 텍스트 관련 요소 - 인라인 요소 - 텍스트의 모양이나 강조, 첨자 등을 정의하기 위한 태그 - 강조하고 싶은 텍스트를 정의하기 위한 태그, 기울임체로 표시 - 텍스트를 굵게 표시 - 형광펜처럼 텍스트 배경이 블럭으로 표시되고 기본 노란색으로 표시 - 텍스트를 단순히 굵은체로 표시 - 주의사항, 법적 제한, 저작권 등을 정의할 때 자주 쓰이고, 작은 글씨로 표시 - 아래첨자 텍스트 표시 - 위첨자 텍스트 표시 - 텍스트 중간에 라인 표시 - 텍스트에 밑줄 표시 - 텍스트에 "" 따옴표 표시 - 인용구라는 걸 나타낼 때 사용 - 텍스트 하단에 점선을 표시 - , 옵션에 따라 글자 좌, 우방향 정렬 - 텍스트를 강조, 이탤릭으로 표시 - 강조하고 싶은 텍스트를 정의하기 위한 태그, 기울임체로 표시 - 텍스트..
HTML5 블록 레벨 요소, 인라인 요소, 기본 요소 블록 레벨 요소 - 마크업을 할 때 줄이 바뀌는 특성을 가지고 있다. 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성을 가진다. 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성을 가진다. - 텍스트(문자) 와 인라인 요소를 자식요소로 포함할 수 있다. - 블록 레벨 요소를 블록 레벨 요소에 포함할 수 있는 경우와 없는 경우가 있다. - 대표적으로 ,,,,,,,,,,,,,, 등이 있다. 인라인 요소 - 줄바꿈이 일어나지 않는다. - 줄바꿈이 일어나지 않는다. - 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있다. - 블록 레벨 요소를 자식 요소로 포함할 수 없다. - 줄바꿈이 일어나지 않는다. - 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있다. - 블록 레벨 요소를 자식 요소로..
HTML5 기본 구성 HTML5 문서의 가장 기본적인 구성 태그 - , 등 로 되어 있는 것. - 태그중에 가 안들어가는 태그들도 있는데 이런 태그는 빈요소 라 부른다. ,,,,, 등이 자주 사용된다. 엘리먼트 - 시작과 종료로 묶인 것. 마크업 - 태그와 엘리먼트로 코딩된 것. 속성 - 처럼 태그 내부에 부가적인 설정값을 선언하는 것 !DOCTYPE = html - 문서의 형식을 브라우저에게 알려줌으로 브라우저가 HTML문서의 내용을 올바르게 표시할 수 있도록 도와주는 역할 head - 문서의 머릿글에 해당되는 부분으로 meta 태그나 문서의 제목, CSS나 JavaScript등을 지정하거나 불러올 수 있다. lang = "ko" - lang = "ko" 는 한국어, lang = "en"은 영어를 의미 - 이 속성이 중요한..

반응형