Web/html (4) 썸네일형 리스트형 html 그 외 태그 문서에 이미지를 삽입 속성 srcset: 브라우저에게 제시할 이미지 url과 원본 크기의 목록을 정의 sizes: 미디어 조건과 해당 조건일 때 이미지의 최적화 크기의 목록을 정의 문서에 소리 컨텐츠를 삽입 속성 src: 오디오 url controls: 화면에 플레이어 표시 loop: 반복 재생 autoplay: 자동 재생 (크롬은 정책적으로 오디오의 자동 재생을 허용 안함) 문서에 비디오 컨텐츠를 삽입 속성 src: 오디오 url width/height: 비디오의 너비/높이 controls: 화면에 플레이어 표시 loop: 반복 재생 autoplay: 자동 재생 (크롬은 정책적으로 오디오의 자동 재생을 허용 안함) HTML Semantic Tag Sementic Tag '의미론적인' 이라는 의미 기계적.. html 하이퍼링크 태그 title속성을 사용하여 전체 글자나 설명을 제공, abbrevaiation 약어를 지칭 마우스를 올려두면 힌트가 나옴 다른 url로 연결할 수 있는 하이퍼링크를 설정 이동하고자 하는 웹 페이지 주소 작성 target = "_self": 기본값(현재 창에서 열기) target = "_blank": 새 창에서 열기 html 멀티미디어 [상대경로] 현재 작업 중인 문서의 위치를 기준으로 경로가 설정됨 작업 중인 문서와 정보를 가지고 올 파일의 위치를 비교해서 경로를 만듦 사용 예 ./: 주변 폴더(생략가능) ../: 현재 폴더를 벗어남(이전 폴더) html 멀티미디어 [절대경로] 어떤 문서의 위치에서 작업하더라도 파일의 경로 값이 동일함 경로값은 "도메인/폴더이름/파일이름.확장자이름"으로 작성함 사용 예 h.. html 테이블 태그 html 테이블 표를 만들 때 사용 전체 표를 감싸는 태그 table row의 약자로, 가로줄을 만드는 역할 table head의 약자로, 표의 제목을 쓰는 역할 table data의 약자로, 셀을 만드는 역할 Semantic Tag 표의 제목을 설정 열리는 table 태그 바로 다음에 작성해야 함 당 하나의 만 사용 가능 표의 머리글 표의 본문 표의 바닥글 , abbr 열에 대한 간단한 설명 headers 관련된 하나 이상의 다른 머리글 칸 colspan 확장하려는 열의 수 (병합) rowspan 확장하려는 행의 수 (병합) scope 자신이 누구의 '머리글 칸'인지 명시 (col: 자신의 열 / colgroup: 모든 열 / row: 자신의 행 / rowgroup: 모든 행) html 텍스트 태그 html 태그의 주요 범위 HTML5로 작성되고 있음을 명시하므로 상단에 적어줄 것 검색 엔진이 웹 페이지를 탐색할 때 해당 웹 페이지가 어떤 언어로 만들어져 있는지 인식 태그의 기본적인 정보를 표시함 HTML 문서의 구조를 설정 html 메타데이터 메타데이터 문서 작성자나 문서 요약과 같이 문서를 설명하는 데이터 브라우저의 제목 표시줄이나 페이지 탭에 보여지는 문서의 제목을 설정 외부 리소스의 연결 및 현재 문서와의 관계를 명시. (HTML, CSS, ICON 등 가져오기) 기타 메타데이터 요소로 나타낼 수 없는 메타데이터를 나타내기 위해 설정 (검색엔진이나 브라우저에 정보 제공) 스타일 정보(CSS)를 설정 html 텍스트 태그 ~ html의 가장 기본적인 태그 글 제목을 표현함 태그의 글 제목 크기.. 이전 1 다음