안녕하세요 동기 여러분! 오늘도 복습한다 생각하고 이미지와 비디오 추가 방법 빠르게 알아봅시다! Image Video 예 이미지 마블 코믹스 유니버스 1.히어로 가모라 개리슨 케인 갬빗 게이트웨이 건틀릿 고스트 라이더 그래비티 기본 HTML에서 배운 모든 것을 때려 박아 넣었습니다. 태그를 사용해 이미지를 분리시켜주고 태그를 태그로 감싸서 이미지의 설명으로 붙게 만들었습니다. alt도 잊지 않고 사용해주어 사용자들이 검색을 할 때 SEO에 걸리게끔 유도하여 검색 노출빈도를 올려 주었습니다. 가모라 사진을 가져올 때 크기가 너무 커서 style을 적용하여 크기를 적당하게 줄여 주었습니다. 아래는 실행 화면입니다. 비디오 비디오는 위에 소개한 방법보다 아래의 방법을 더 많이 씁니다. (Youtube 기준) ..
안녕하세요. 동기 여러분! 오늘은 Alts 속성에 대해 알아보겠습니다. Image Alts alt 속성은 Alternative text에 줄임말입니다. Alternative가 대체 가능한, 대안이 되는 이라는 뜻이 되니까 Image Alts라고 하면 이미지의 대체 가능한 텍스트라는 말이 되겠습니다. 사용 목적 웹 페이지를 로드하는 중에 가끔 이미지가 안 뜨는 경우가 있는데, 이럴 경우 이미지가 있어야 하는 곳에 마우스 커서를 올리면 alt에 작성된 내용이 뜨게 되고 사용자가 읽을 수 있게 됩니다. 시각 장애가 있는 사용자가 화면에 뜨는 내용들을 읽어주는 소프트웨어를 사용할 경우, alt를 통해 이미지도 읽어줄 수 있습니다. alt는 Search Engine Optimization(SEO)에서도 상당히 중..
- Total
- Today
- Yesterday
- padding
- CSS
- html table
- Margin
- Array
- css position
- Object
- 실수
- Typescript
- 자바스크립트
- em
- 프로그래머스
- 타입 좁히기
- if문
- HTML 기본
- javascript
- method
- function
- 함수
- for문
- html
- CSS 포지션
- 파이썬
- 동기코딩
- 타입스크립트
- 객체
- Type
- Python
- 반복문
- 메서드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |