본문 바로가기

Frontend/HTML

(3)
[HTML] 엔터티 코드 (Entity Code) HTML 문서에서 문자들은 UTF-8 코드체계로 작성되는 것이 표준이므로 다양한 문자들을 표현할 수 있다. 하지만 HTML 언어에서 예약어로 사용하고 있는 문자나 키보드로 입력할 수 없는 기호, 심볼, 글자들은 다음 두 방법으로 입력할 수 있다. &엔터티; 혹은 &#코드값; * 브라우저는 HTML 페이지에 있는 연속된 여러 개의 빈칸을 한 개의 빈칸으로 처리하므로, 빈칸을 강제로 삽입하고자 하면 엔터티를 삽입하면 된다. 엔터티 코드를 찾을 수 있는 사이트 HTML 4 Entities HTML 4 Entity Names Complete HTML 4 Entity Reference All entities in the table below, will display correctly in all browsers,..
[HTML] 미디어 삽입 (비디오, 오디오) 비디오 삽입 이 태그를 지원하지 않는 브라우저가 출력하는 메세지 - width, height : 비디오가 재생될 브라우저 공간의 높이와 폭 지정. 생략되면 비디오 원본 크기로 지정 - controls : 이 속성이 설정되면 재생, 재생 시간, 중단, 음소거 등 제어 버튼 출력 - autoplay : 이 속성이 설정되면 비디오 로딩 즉시 재생 - loop : 이 속성이 설정되면 반복 재생 - muted : 오디오를 끌 때 사용 * HTML5에서 재생 가능한 비디오 타입 video/mp4, video/webm, video/ogg 브라우저가 video 태그를 지원하지 않습니다. 비디오 소스는 태그를 이용하여 별도로 지정할 수도 있다. 브라우저가 video 태그를 지원하지 않습니다. 비디오 소스는 태그를 이용하..
[HTML] 자주 쓰이는 태그 정리 텍스트 태그 - 문단 - 제목 , , ... , - 숫자 1일 때 가장 크고 6일 때 가장 작다. - 수평선 - 줄바꿈 텍스트 꾸미기 진하게 중요한 강조 이탤릭으로 강조 진하게 이탤릭으로 강조 삭제 추가 보통문자의 윗첨자 보통문자의 아래첨자 하이라이팅 태그의 구분 - 블록 레벨 요소: 자신이 속한 영역의 너비를 모두 차지하여 블록을 형성한다. - , , , ... - 인라인 요소: 자기가 필요한 만큼의 공간만 차지한다. - , , , ... 이미지 표시하기 - 단일 태그 - alt는 alternative의 약자로 대체 텍스트 역할을 한다. 이미지가 로딩되기 전이나 이미지 로딩에 실패한 경우 이미지 대신에 대체 텍스트가 표시된다. alt를 사용하면 이미지를 볼 수 없는 시각장애인에게 웹페이지를 서비스해야 ..