본문 바로가기

FrontEnd/HTML7

07. [HTML] 전역 속성, 기타 HEROPY Tech 블로그를 참고하여 작성된 글입니다. HTML-ENTITIES 🔗CLASS ▪JS나 CS에서 접근하게 하기 위한 별명이라고 생각하면 쉽다 ▪여러 요소에 중복되게 사용 가능 1 2 3 🔗ID ▪JS나 CS에서 접근하게 하기 위한 별명이라고 생각하면 쉽다 ▪하나의 요소만 사용가능 1 🔗STYLE ▪요소에 적용할 CSS를 선언 할 수 있다. 🔗TITLE ▪요소의 정보(설명)을 지정. HTML ▪위와 같을 경우 화면에 출력된 HTML에 마우스를 올리면 툴팁 창에 Hypertext Markup Language 가 나온다. 🔗LANG ▪요소의 언어 ISO 639-1(국가별 언어 코드) 를 지정. This paragraph is English 이 단락은 한글입니다. Ce paragraphe est.. 2021. 5. 14.
06. [HTML] 표 콘텐츠, 양식 HEROPY Tech 블로그 참고. 🔗 ▪ 태그는 데이터 표를 작성하기 위해 사용 되는 태그이며 가장 표의 가장 큰 뼈대이고 그 안에 , , 태그를 사용하여 표를 작성한다. 📺display: table Fruits ID Name Price F123A Apple $22 F098B Banana $19 🔗 ▪태그는 table row의 약자로, 가로줄을 만드는 역할을 한다. 🔗 ▪태그는 table head의 약자로, 표의 제목을 작성하는데 사용한다. 속성 의미 값 기본값 abbr 열에 대한 간단한 설명 headers 종속되어 있는 다른 칸 id 속성 값 colspan 확장하려는(병합) 열의 수 1 rowspan 확장하려는(병합) 행의 수 1 scope 자신이 누구의 '머리글 칸' 인지 명시 col : 자신의 열.. 2021. 5. 11.
05. [HTML] 멀티미디어, 내장 콘텐츠, 스크립트 HEROPY Tech 블로그 참고. 🔗 ▪ 태그는 이미지를 삽입하는 데 사용된다. 📺display: inline 속성 의미 값 src (필수)이미지 URL URL alt (필수)이미지 대체텍스트 width 이미지의 가로 너비 height 이미지의 세로 너비 srcset 브라우저에게 제시할 이미지 URL과 원본 크기의 목록을 정의 w, x sizes 미디어 조건과 해당 조건일 때 이미지 최적화 크기의 목록을 정의 🔗 ▪ 태그는 웹에 소리를 삽입할 때 사용 💡autoplay가 설정되면 preload속성을 무시함 📺display: inline ▪원하는 부분을 재생, 시작시 오디오 설정 등 세세한 조정은 JS로 설정이 가능하다. 속성 의미 값 기본값 autoplay 준비되면 바로 재생 (정책으로 인해 몇몇 브라.. 2021. 5. 10.
04. [HTML] 인라인 텍스트 HEROPY Tech 블로그 참고. 🔗 ▪다른 페이지, 같은 페이지 위치(#, 해시 태그), 파일, 이메일 주소, 전화번호 등 다른 URL로 연결할 수 있는 하이퍼 링크를 설정 (Anchor, 외부로 내보내기) 속성 의미 값 기본값 특징 download 리소스를 다운로드 하는 용도로 사용됨을 의미 불린(Boolean) href 링크 URL URL 생략가능 rel 현재 문서와 링크 URL의 관계(Link Type) license, prev, next, ... target 링크 URL의 표시(브라우저 탭) 위치 _self, _blank _self type 링크 URL의 MIME 타입 text/html ... Google Google(현재탭) Google(새탭) 리드미파일 다운로드 img img 🔗 ▪약어를 .. 2021. 5. 6.

티스토리툴바