2020/06/11 3

태그해부학 <img>와 이미지포맷

정의와 사용방법 image의 줄임말로 말 그대로 사진을 넣을 때 사용하는 태그이다. 필수 속성으로는 사진의 위치를 넣는 src(source), 대체 텍스트를 넣는 alt(alternate)가 있다. alt속성은 해당 이미지가 별 의미 없는 이미지라면 값을 비워놓아도 된다. 하지만 웹 표준을 위해 꼭 속성은 써줘야 한다. 그리고 alt속성은 아래와 같은 상황이어서 이미지를 불러올 수 없을 때 나타나는 텍스트이다. 이미지를 보지 못하는 시각장애인 분들을 위해 스크린리더가 읽어주는 텍스트이기도 하다. src 속성이 비었거나 null임. src의 URL이 현재 사용자가 보는 페이지의 URL과 같음. 지정한 이미지가 손상돼 불러올 수 없음. 이미지의 메타데이터가 손상돼 원본 크기를 알아낼 수 없고, 요소의 속성에..

WEB🔨/HTML 2020.06.11

태그해부학 <ol>, <ul>, <li>

정의 및 사용방법 ol은 ordered list ul은 unordered list li는 list item의 약자이다. 목록을 나타내고 싶을 때 사용하는 태그이다. 순서가 중요한 목록이라면 을 사용하고, 중요하지 않다면 을 사용한다. 예를 들어, 조리법의 목록은 순서가 중요하므로 을 사용한다. 그리고 필요한 쟤료는 순서가 중요하지 않으므로 을 사용한다. 과 의 자식으로는 만 올 수 있다. 속성은 reversed, start, type이 존재한다. type속성을 사용해서 숫자를 로마숫자로 변경할 수도 있다. type의 값으로는 1, a, A, i, I가 있다. 위와 같이 중첩해서 사용할 수도 있다.

WEB🔨/HTML 2020.06.11