Web

[HTML] 멀티미디어

이미지 삽입 필수속성 src source의 약어. 이미지 URL 필수속성 alt alternative의 약어. 대체 텍스트 속성 width 속성 height => 크기를 조절하는 용도로 사용할 시 한쪽만 입력해도 됨, 별도의 픽셀단위 사용 x 숫자만 입력 css 통해서 이미지 크기 조절 가능. 이미지 크기가 고정된다(이미지 고정X, 크기 고정O) *반응형 웹사이트 제작 시 사용 srset에서 제시한 이미지 중에서 뷰포트의 너비에 최적화된 이미지를 브라우저가 골라서 출력하게 된다 속성 srcset source set의 약어. 출력될 이미지 후보들의 URL과 원본크기의 목록 정의. 이미지 2장 이상일 시 활용. px 단위가 아닌 w(Width descriptor 가로너비)나 x(Device pixel rat..

[HTML] 인라인 텍스트

anchor의 약자. 현재문서 -> 외부 문서로 하이퍼링크를 건다. 속성 download : 파일 다운로드 받게 해주진.. 않고! 그런 용도라는 것을 명시해주는 역할 속성 href :링크 URL 설정 속성 rel :관계 설정 속성 target : 링크 URL의 표시 위치/ 현재 화면에서 뜰 건지(_self), 새로운 화면에서 뜰 건지(_blank) 속성 type : 링크 URL의 MIME 타입 버튼으로 많이 사용하는 태그이기 때문에 스타일링하기 위해 display를 block으로 바꿔서 많이 쓴다. 다른 페이지로 이동, 같은 페이지내의 특정 위치로 이동, 파일 다운로드 등 가능 abbreviation(약어)의 약어. 속성 tilte : 전체 글자나 설명을 제공. =>전역속성 Using HTML is fu..

[HTML] 문자 콘텐츠

ordered list 정렬된 목록 . 순서가 필요한 목록. 순서가 중요도를 의미할 수 있다. 속성 type : 숫자,알파벳,로마자 등으로 정렬 가능 속성 reversed : 정렬번호를 역순으로 적용 속성 start : 지정한 시작번호에서부터 정렬 unordered list 정렬되지 않은 목록 . 순서가 필요하지 않은 목록 list item 항목 속성 value : 이하 항목들의 순서까지 지정한 시작번호로 정렬 ol+li / ul+li 조합으로 사용 ol과 ul은 자식으로 li 만 포함가능하고, li 단독으로 사용될 수 없다 예제 Apple Apple Banana Mango Banana Mango ul 태그를 ol 태그로 바꾸면 dictionary list 용어목록 쌍들의 영역 dl은 dt와 dd만 포함..

[HTML] 콘텐츠 구분

1. Body 태그 : 정보의 구조 : 소개나 탐색을 돕는 것의 그룹을 나타냄. ex) 로고나 메뉴 등 header안에 header/footer를 넣을 수 없음 address안에 header를 넣을 수 없음 : 가장 가까운 구획화 콘텐츠나 구획화 루트의 푸터 작성사 구획,저작권 데이터, 관련된 문서의 링크에 대한 정보를 포함 일반적으로 사이트 최하단에 있는 바. 주소,사업자 등의 사이트 정보 등이 적혀있다. footer 안에 header/footer를 넣을 수 없음 레이아웃에 태그를 의미에 맞게 사용하는 것이 좋다. ~ : 6단계의 문서 제목(목차)을 구현 크기가 다 다르게 지정되어있기는 하지만, 글자 크기를 우리가 모두 초기화한 후 명확하게 지정해놓고 써야한다. 구조를 나타내는 용도로 사용해야하지, 글..

[HTML] 메타데이터

기타 정보 표현 속성 charset : 문자 인코딩 방식. 속성 name : 클래스 이름 속성 content : 속성 http-equiv :http 프로토콜 연결방식 EUC-KR : 완성형 박 영 웅 이런식으로 완성된 글자 조합해서 한글자씩 찾는다. 완성된 조합이 없는 경우 한글이 깨지는 현상이 일어날 수 있다. UTF-8 : 조합형 (최신) ㅂ ㅏ ㄱ ㅇ ㅕ 조합할 수 있는 경우의 수만 있다면 대부분의 문장을 만들어 낼 수 있다. 외부에서 파일을 가져올 때 사용 필수속성 rel : relationship 관계설정 속성 href : hypertext-reference 파일경로 속성 type : MIME Type 필요에 따라 찾아서 사용, text/css 는 안써도 자동으로 적용 됨 https://deve..

[HTML] 블록 레벨 요소와 인라인 요소

1. 블록요소 - DIV, H1, P - 사용 가능한 최대 가로 너비를 사용한다. - 크기를 지정할 수 있다. - width:100%, heifht: 0; 로 시작 - 수직으로 쌓임 - margin, padding 위,아래,좌,우 사용 가능하다 - 레이아웃 2. 인라인 요소 - SPAN, IMG - 필요한 만큼의 너비를 사용한다. - 크기를 지정할 수 없다. - width:0 height:0; 로 시작 - 수평으로 쌓임 - margin, padding 위,아래는 사용을 할 수 없다. - TEXT