# alt

8개의 포스트
post-thumbnail

img 태그에 alt 속성을 넣는 이유?

alt 속성은 img 태그에 대체 텍스트를 제공함. 이는 시각 장애가 있는 사용자들이 스크린 리더를 사용할 때, alt 태그가 이미지의 내용을 설명해 줌. 불특정 이유로 이미지가 로드되지 않았을 때, alt 태그가 대신해 이미지 정보 제공. 검색 엔진 최적화 (SEO): 검색 엔진은 alt 속성을 사용하여 이미지의 내용을 파악함. 절대적인 지표는 아니지만 라이트 하우스 접근성 점수 향상 확인.

2023년 8월 25일
·
0개의 댓글
·

TIL 24일_3차

◆ 이미지 태그(img tag) 1) 이미지를 화면에 표시하는 역할이다. 2) 종료 태그를 사용하지 않는다. 3) 태그만으로는 이미지를 표시할 수 없다. 4) 태그에 속성(attribute)을 추가하여 정보를 제공해야 한다. 노란점이 있는 속성은 사용을 권장하는 것이다. src는 이미지의 위치이다. (이미지 주소 복사를 붙여넣기.) 이미지의 크기를 폭(width)과 높이(height)로 설정할 수 있다. 기본 단위는 픽셀(px)로 설정이 된다. 비율(%)로 설정도 가능 내가 가진 이미지를 src에 경로로 작성할 수 있다. 이미지의 위치는 src/main/resources/static 에 넣어 두어야 한다. ◆ 더미 이미지(dummy image) 이미지가 완성되기 전까지 임시로 사용할 이미지 제공하는 사이트가 있다. https://placeimg.com //이미지 더미 사이트 : 6월 30일날 사이트 폐쇄된다. https:/

2023년 2월 1일
·
0개의 댓글
·

Day9

변수(scope) 변수, 객체, 함수 등은 선언된 위치에 따라 변수에 접근(읽기, 쓰기, 저장)이 제한적이다 for() 명령문에 선언된 변수 i와 for() 블럭({})에 선언된 sum은 for() 명령문 블럭({})이 끝나면 소멸되어 사용할 수 없다. for() 명령문 앞에 선언된 sum은 for()명령이 종료 되어도 값을 유지하고 있다. console.log(sum)에 의해 값 확인 가능 inputs, inputScores 는 SelectAll() 을 사용하여 다수의 요소를 보관하기 위한 객체 배열 -> for를 이용하여 뭔가를 해결할 수 있다 btnOk 는 Selector()를 사용하여 단일 요소를 보관하기 위한 객체 저장된 데이터를 localStorage 에 영구 보관하기 영구보관하기 : persistance 처리, 영속성 유지 입력된 text에 선택 block을 설정하여 즉시 문자열을 입력하면 text 를 지우고 다시 입력 방향키

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

[220713] 오늘의 배움(TIL) - HTML / CSS

🔸 HTML > * HTML로 삽입하는 이미지를 무엇이라 하고, 어떤 방법을 사용하는가? > >: 콘텐츠 이미지, img 태그로 삽입할 수 있음 > * 특수 문자는 어떻게 마크업하는가? > >: &'특수 문자 이름';의 방식으로 마크업할 수 있고, 이를 엔티티라고 함 : 가령 `` 같은 특수 문자는 이미 HTML에서 태그 오프닝과 클로징의 역할을 담당하고 있으므로 표기의 혼란을 막기 위해 엔티티를 사용함 > ex) © : 저작권 기호, & : & 기호 > * 키보드 포커싱을 받을 수 있는 요소에는 무엇이 있는가? > > : href 속성이 존재하는 a 태그, form > : a 태그의 경우 href 속성이 없으면 인터랙티브 콘텐츠가 될 수 없기 때문에 포커싱되지 않음 > * img 태그의 alt 속성은 왜 작성해야 하는가? > > : **웹 접

2022년 7월 13일
·
0개의 댓글
·
post-thumbnail

1.16

TIL alt img tag property로 alt가 있는데, alt="텍스트"라고 하면 img가 뜨지 않을 경우 텍스트라는 것이 뜨게 만드는 것 Document.getElementById() 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환합니다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용합니다. ID가 없는 요소에 접근하려면 Document.querySelector()를 사용하세요. 모든 선택자 (en-US)를 사용할 수 있습니다. 매개변수 id 찾으려는 요소 ID. ID는 대소문자를 구분하는 문자열로, 문서 내에서 유일해야 합니다. 즉, 하나의 값은 하나의 요소만 사용할 수 있습니다. 반환 값 주어진 ID와 일치하는 DOM 요소를 나타내는 Element 객체. 문서 내에 주어진 ID가 없으면 null. ![](https://images.velog.io/

2022년 1월 16일
·
0개의 댓글
·
post-thumbnail

3.HTML 에서 그림과 링크 표현

1.이미지삽입 src HTML 문서에 표시할 이미지 파일의 이름/경로 지정 -필수 속성 GIF | JPG | PNG 256색상지원 트루컬러 트루컬러 투명배경처리 좋은압축률 투병배경처리 용량이작음 용량이작음 웹전용이미지파일 고로나클립아트 사진이미지 클립아트와 같이 문서와 같은 폴더의경우 // 이미지의 크기(폭,높이)지정 기본출력크기-이미지의 원본크기 속성값- 픽셀,%(브라우저 화면 크기

2021년 3월 3일
·
0개의 댓글
·
post-thumbnail

[T.I.L]HTML

HTML이란? HyperText Markup Language의 약자입니다. 웹페이지는 HTML 문서라고도 불리며 , HTML 태그들로 구성됩니다. HTML의 구조 !DOCTYPE html html Introduce</title /head body <<(본문내용) h1 Byung Hoon Lee /h1 /body /html <<항상 맨 처음과 마지막은 html로 시작과 끝맺음 한다. HTML 태그들 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다. 1) h1은 가장 큰 주제 ~ h6는 가장 덜 중요한주제 2) p ,/p 는 주제에 대해 덧붙임해주는 글을 쓸때 3) br은 HTML에서의 공백 , 줄바꿈을 도와주는 용도 ![](https://ima

2020년 5월 8일
·
0개의 댓글
·

[HTML] images

Images Syntax & the alt attribute contains attributes only, and doesn't have a closing tag. The alt attribute provides an alternate text for an image, if the user cannot view it. The value of should describe the image. ex) Q) Can alt be defined as class? alt attribute is different with the class altribute.the alt attribute is just for describing the image and it is necessary to add it in the tag.

2019년 11월 27일
·
0개의 댓글
·