[HTML] HTML 오디오, 비디오, 멀티미디어 대체 태그

1. 오디오 태그 * HTML5부터 지원 * 속성 controls 컨트롤러 표시 유무 autoplay 자동 실행 설정 loop 무한 반복 설정 muted 음소거 설정 * 오디오 파일 포맷 지원 mp3 Chrome, Firefox, Safari ogg Chrome, Firefox, Opera wav Chrome, Firefox, Safari, Opera 2. 오디오 태그 예시 AUDIO 태그 3. 비디오 태그

[HTML] HTML 입력 폼 태그, 이미지 태그

1. HTML 입력 폼 태그 https://tadaktadak-it.tistory.com/64?category=1020641 [HTML] form(input, textarae, select) 태그, fieldset, legend 1. form 태그 - 웹 페이지 내에서 사용자로부터 입력을 받은 후 데이터를 모아서 다른 페이지로 전송할 때 사용하는 태그 여러 입력들(input, textarea, select ...) 2. input 태그 - 사용자에게 입력받기 위 tadaktadak-it.tistory.com BUTTON 네이버 다음 아이디 웹에서 사용자 정보를 입력 받기 위한 큰 틀을 제공 웹에서 텍스트 입력에 대한 가장 기본이 되는 태그 일반적으로 태그와 같이 사용되며 폼 위/앞의 라벨 태그로 사용 여..

[HTML] HTML 리스트, 테이블 태그

1. HTML 리스트 태그 https://tadaktadak-it.tistory.com/60?category=1020641#--%--%EB%A-%AC%EC%-A%A-%ED%-A%B-%--%ED%--%-C%EA%B-%B- * 웹 문서에 목록은 어떤 항목을 나열할 때 뿐 아니라 네비게이션의 목록 또는 텍스트 콘텐츠 목록 등을 나열할 때 CSS와 함께 자주 이용된다. 순서있는(Ordered List) 목록을 나열한다. 순서없는(Unordered List) 목록을 나열한다. 목록을 표시하며 ul/ol의 하위 목록으로 작성한다. * 설명 목록(Description List)은 이름과 값(name & value) 형태로 된 목록을 말한다. 설명목록은 한쌍의 태그를 갖는다. 태그와 값 부분을 지정한다. 태그로 구성된..

[HTML] HTML 시맨틱, 레이아웃, 텍스트 태그

1. HTML 시맨틱 태그 * Semantic(의미론적인, 의미있는) 의미론적인 이란 뜻으로 시맨틱 태그는 의미있는 태그라는 의미를 갖음 * 시맨틱 태그는 기능적인 태그가 아닌 의미만 가지는 태그 장점 - 시각장애가 있는 사용자에게 텍스트 판독기(스크린 리더)를 통해 의미 있는 내용을 전달하여 사용 가능하도록 제공(웹 표준, 웹 접근성) - 태그를 기반으로 페이지 내 검색 키워드 우선순위를 판단 - 코드 블록의 가독성이 좋음 종류 페이지의 머리말을 의미하는 헤더 영역 사이트의 핵심 컨텐츠를 표시하는 영역 등 포함 가능 일반적으로 메뉴(네비게이션 링크)를 포함하는 영역 주제별 문서의 콘텐츠를 표시하는 영역 하나 이상의 포함 가능 섹션의 하위 항목으로 본문 이외의 개별 콘텐츠를 표시하는 영역 좌/우측 사이드..

[HTML] HTML의 개요, 구성요소, 문서구조

1. HTML 개요 * HyperText Markup Language * 웹 페이지와 그 내용을 구조화하여 보여주기 위한 웹 브라우저용 언어(문서) * 웹페이지의 컨텐츠들을 다양한 환경(브라우저)에서 동일하게 볼 수 있도록 하나의 표현 언어로 표준화하여 표시할 방법을 위해서 생겨남 DOCTYPE(DOCument TYPE declration) 어떤 SGML이나 XML 또는 웹에서의 HTML 기반 문서 내에 그 문서가 특정 문서 형식과 규칙 및 정의를 따라 작성된 문서다 라는 것을 의미 문서형 정의 DTD : Document Type Definition 선언으로 시작하여 해당 웹 문서의 버전과 종류를 나타낸다. 문서형 정의의 종류 HTML XHTML HTML5 HTML5 추가된 태그 환영합니다.