본문 바로가기

전체 글92

이미지 & 멀티미디어 태그 이미지 & 멀티미디어 태그 이미지 태그 태그는 HTML 문서에 이미지를 넣는다. 속성 src 필수이며, 이미지로의 경로를 지정 alt 이미지의 텍스트 설명으로, 필수는 아님 스크린 리더가 alt값을 읽어 사용자에게 이미지를 설명하므로, 웹 접근성 차원에서 매우 유용 네트워크 오류, 콘텐츠 차단, 죽은 링크 등 이미지를 표시할 수 없는 경우에도 이 속성의 값을 대신 보여줌. height 필셀 단위의 이미지의 고유 크기, 단위 없는 정수이어야 함 width 픽셀 기준 고유 너비, 단위 없는 정수이어야 함 절대 경로 vs 상대 경로 절대 경로 리소스(이미지)의 절대 경로는 절대적인 고유한 경로를 지정하는 것 웹 이미지 절대 경로 ex) http://www.naver.com/apple.png http 프로토콜로.. 2022. 11. 18.

Block 레벨 요소와 Inline 레벨 요소 Block 레벨 요소와 Inline 레벨 요소 div태그와 span태그 웹 페이지 영역을 구분할 때 사용하는 태그 div태그: division의 뜻으로, 주로 분할을 하거나 다른 태그를 담는 container역할을 함 span태그: container역할이 아닌, 특정 텍스트나 문장영역을 지정하여 스타일링 할 때 사용됨 ❗ div태그와 span태그의 차이점 div태그는 컨테이너의 역할로, 안의 content를 박스로 감싼다. → block level요소(display: block) span태그는 특정 아이템을 꾸미는 역할로, 안의 content의 사이즈만큼만 표시됨 → inline level요소(display: inline) Hello World! Hello World! Block Element 블록 레벨.. 2022. 11. 18.

Semantic태그 Semantic 태그 (의미론적 태그) Semantic 태그의 이점 검색엔진 최적화 웹 접근성 향상 가독성 향상 레이아웃 구성 시 유용하게 사용됨 HTML Semantic Elements : 페이지에 대한 정보를 담는 태그로, 페이지 상단에 위치 : 다른 페이지나 같은 페이지 안에 다른 부분으로 이어주는 네비게이션 링크로 구성된 섹션을 표현 : 페이지 전체 내용과는 어느 정도 관련성이 있지만, 주요 내용과는 직접적인 연관성은 없는 분리된 내용을 담고 있음 : 문서의 body요소의 주 콘텐츠를 정의할 때 사용 : 문서나 응용프로그램의 일반적인 섹션을 표현 : 여러가지 아이템들을 묶어 재사용 가능하게 그룹화 : 주로 저작권 정보나 서비스 제공자 정보들을 나타내면 사이트 하단에 위치 : 추가적인 정보를 나타내.. 2022. 11. 18.

Table태그 Table(표) 태그 - 표 - 행 - 열 Table 기본 태그 표를 만드는 태그로써, 표 전체를 감싸는데 사용 표의 제목이나 설명을 작성하는 태그 표의 행을 의미하는 태그 자식으로 나 가 반드시 있어야 한다. 표의 제목 열을 의미하는 태그 부모 태그인 안에 있어야 한다. 표의 일반 열을 의미하는 태그 부모 태그인 안에 있어야 한다. Table 기본 프로필 테이블 이름 취미 특기 홍길동 도술 축지법 짐코딩 헬스 코딩 Table 그룹 관련 태그 열을 그룹으로 묶을 수 있도록 해주는 태그 의 자식으로 열 단위를 나눌 수 있다. 속성을 사용하여 열을 그룹으로 묶을지 설정한다. ex) : 세 개의 열을 그룹으로 묶음 표의 제목 열들을 묶는 그룹 태그 표의 일반적인 데이터들을 묶는 그룹 태그 기본적으로 행 그룹태.. 2022. 11. 18.

이전 1 ··· 17 18 19 20 21 22 23 다음

티스토리툴바