분류 전체보기 (102) 썸네일형 리스트형 HTML <rb> 태그 정의 및 특징 ・ 태그는 표기의 기반 텍스트 구성요소 (루비 주석을 적용하려는 글자)를 나눌 때 사용한다 ・루비 주석은 일본어 후리가나, 타이완어 주음부호와 같이 동아시아 문자의 발음 표기에 사용한다 ・각각의 기반 조각 하나마다 요소 하나를 작성해야 한다 ・HTML5에서는 태그를 더 이상 지원하지 않는다 지원하는 브라우저 5.0 79.0 지원함 지원함 5.0 15.0 예제 景 (경) 福 (복) 宮 (궁) 景 (경) 福 (복) 宮 (궁) ■HTML 태그 레퍼런스 HTML 태그 레퍼런스 - MAIN 돌아가기 HTML <q> 태그 정의 및 특징 ・ 태그는 짧은 인용구(short quotation)를 정의할 때 사용한다 이러한 인용구를 브라우저는 보통 앞뒤에 따옴표를 추가하여 표현한다 ・다른 출처로부터 인용된 인용 블록을 정의할 때는 요소보다는 요소를 사용하는 것이 바람직하다 지원하는 브라우저 지원함 지원함 지원함 1.0 지원함 지원함 속성 속성명 속성값 설명 cite URL 인용된 내용의 출처(source)를 명시한다 예제 통계 사이트인 StarCounter에 따르면, 2023년 5월 기준 가장 높은 점유율을 보이는 웹 브라우저는 크롬 브라우저라고 한다 통계 사이트인 StarCounter에 따르면, 2023년 5월 기준 가장 높은 점유율을 보이는 웹 브라우저는 크롬 브라우저라고 한다 ■HTML 태그 레퍼런스 HTML 태그 레퍼런스.. HTML <progress> 태그 정의 및 특징 ・ 태그는 작업의 진행률을 나타낼 때 사용한다 ・ 요소는 자바스크립트와 함께 작업의 진행 정도를 표현할 때 사용되며 범위를 나타내는 데 사용하기에는 적합하지 않다 범위를 나타낼 때는 요소 대신 요소를 사용해야 한다 ・ 태그는 HTML5에서 새롭게 추가된 요소이다 지원하는 브라우저 6.0 지원함 10.0 6.0 6.0 11.0 속성 속성명 속성값 설명 max 숫자 필요한 총 작업량을 명시한다 value 숫자 완료된 작업량을 명시한다 예제 다운로드 중.. 진행률 : 25% 다운로드 중.. 진행률 : 25% ■HTML 태그 레퍼런스 HTML 태그 레퍼런스 - MAIN 돌아가기 HTML <pre> 태그 정의 및 특징 ・ 태그는 미리 정의된 형식(preformatted)의 텍스트를 정의할 때 사용한다 ・ 요소 내의 텍스트는 시스템에서 미리 지정된 고정폭 글꼴(fixed-width font)을 사용하여 표현되며 텍스트에 사용된 여백과 줄 바꿈이 그대로 브라우저 화면에 나타난다 이러한 요소를 사용하면 독특한 서식의 텍스트나 컴퓨터 코드 등을 HTML 문서에 그대로 표현할 수 있다 지원하는 브라우저 지원함 지원함 지원함 1.0 지원함 지원함 속성 속성명 속성값 설명 width 숫자 한 줄당 최대 문자수를 명시한다 HTML5에서는 더 이상 지원하지 않는다 예제 pre 요소 내의 텍스트는 고정폭 글꼴(fixed-width font)을 사용하여 표현되며, 사용된 띄어쓰기와 줄바꿈이 모두 그대로 브라우저 화면에 나타.. HTML <picture> 태그 정의 및 특징 ・ 태그는 요소의 다중 이미지 리소스(multiple image resources)를 위한 컨테이너를 정의할 때 사용한다 ・ 요소는 뷰포트(viewport)의 너비에 따라 커지거나 작아지는 하나의 이미지를 사용하는 대신 서로 다른 디스플레이나 기기에서 해당 뷰포트에 알맞게 채워질 수 있도록 여러 개의 이미지 중에서 적절한 이미지를 사용할 수 있도록 해준다 ・ 요소는 웹 개발자가 이미지의 리소스를 보다 유연하게 지정할 수 있도록 해주므로 반응형 디자인(responsive design)에서 주로 사용한다 ・ 요소는 0개 이상의 요소와 하나의 요소로 구성되며 브라우저는 요소 중에서 해당 뷰포트와 가장 잘 어울리는 요소를 다음과 같은 방법을 사용하여 선택한다 - 브라우저는 요소들의 속성값을 각각 .. HTML <param> 태그 정의 및 특징 ・ 태그는 ■HTML 태그 레퍼런스 HTML 태그 레퍼런스 - MAIN 돌아가기 HTML <output> 태그 정의 및 특징 ・ 태그는 스크립트 등에 의해 수행된 계산의 결과나 사용자의 액션에 의한 결과를 나타낼 때 사용한다 ・ 태그는 HTML5에서 새롭게 추가된 요소이다 지원하는 브라우저 10.0 지원함 지원하지 않음 4.0 7.0 11.0 속성 속성명 속성값 설명 for 요소 id 계산 결과와 계산에 사용되는 요소 사이의 관계를 명시한다 form form id 요소가 포함될 하나 이상의 요소를 명시한다 name 이름 요소의 이름을 명시한다 예제 + = 60 + = 60 ■HTML 태그 레퍼런스 HTML 태그 레퍼런스 - MAIN 돌아가기 HTML <option> 태그 정의 및 특징 ・ 태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 하나의 옵션을 정의할 때 사용한다 ・ 요소는 요소나 요소 내부에만 위치할 수 있다 ・ 요소는 아무런 속성도 명시하지 않은 채 사용할 수 있지만 서버로 제출되는 값을 명시하는 value 속성은 명시하는 것이 일반적이다 만약 옵션의 개수가 많다면 요소를 사용하여 관련된 옵션들을 좀 더 보기 좋게 서로 묶어 줄 수 있다 지원하는 브라우저 1.0 지원함 지원함 1.0 지원함 지원함 속성 속성명 속성값 설명 disabled disabled 해당 옵션 그룹이 비활성화됨을 명시한다 label 텍스트 해당 옵션 그룹의 라벨(label)을 명시한다 selected selected 페이지가 로드될 때 옵션 중에서 미리 .. HTML <optgroup> 태그 정의 및 특징 ・ 태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 옵션들의 그룹을 정의할 때 사용한다 ・드롭다운 리스트에서 옵션의 수가 많을 경우 요소를 사용하여 관련된 옵션끼리 각각의 그룹으로 묶어주면 사용자가 좀 더 쉽게 드롭다운 리스트를 사용할 수 있다 지원하는 브라우저 1.0 지원함 5.5 1.0 지원함 지원함 속성 속성명 속성값 설명 disabled disabled 해당 옵션 그룹이 비활성화됨을 명시한다 label 텍스트 해당 옵션 그룹의 라벨(label)을 명시한다 예제 슈퍼 패미컴 닌텐도 3DS Nintendo Switch PSP PS Vita PlayStation 메가 드라이브 세가 새턴 드림캐스트 슈퍼 패미컴 닌텐도 3DS Nintendo Switch.. HTML <ol> 태그 정의 및 특징 ・ 태그는 순서가 있는 HTML 리스트(list)를 정의할 때 사용한다 ・ 요소에 속하는 각 아이템은 요소를 사용하여 나타내며 이때 아이템 앞에 추가되는 마커(marker)는 아라비아 숫자나 알파벳으로 표현된다 지원하는 브라우저 지원함 지원함 지원함 1.0 지원함 지원함 속성 속성명 속성값 설명 compact compact 리스트를 평소보다 더 작게 렌더링하도록 명시한다 HTML5에서는 더 이상 지원하지 않는다 reversed reversed 순서가 있는 리스트에서 리스트 마커의 순서를 내림차순으로 명시한다 HTML5에서 새롭게 추가된 속성 start 숫자 순서가 있는 리스트에서 리스트 마커의 시작값을 명시한다 type 1 A a I i 순서가 있는 리스트에서 리스트 아이템에 사용되는 마커.. 이전 1 2 3 4 5 ··· 11 다음
