![[2021/12/08] 국비지원-HTML5 코딩툴 기본학습 -2-(1) img](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbKrMAS%2FbtrnQkVWXXM%2FAAAAAAAAAAAAAAAAAAAAAD0kOXXVAjiqZLBNRT4x6GDEfQBzAHq2DOjP5ObqQ707%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DkzRUEaf97mG21jkSgBBODt3vQhg%253D)
사용 툴 : VSCode
마켓툴in툴 : HTML Snippets, Image Preview, Indenticator, Korean language
브라우저 관련 마켓툴 : MS edge
강사 추천 마켓툴 : X
강사 추천 브라우저 : google chrome
방향 수정한 개인적인 사용법 : 기본브라우저 = edge / 코딩 브라우저 = edge
더보기
조별 어쩌고 때문에 네이버 웨일브라우저까지 사용 브라우저가 총 3개가 되어
RAM 32GB로 차고 넘침에도 Vram 학대하는 느낌 같고 뭔가 빡쳐서 툴만큼은 내 맘대로 하기로 했다.
아 어차피 이제 edge도 크롬기반 아니냐고오!
Disabled 를 위한 웹 접근성을 개선하기 위해서 꼭 사진에 대한 설명을 넣어둬야 했다.
오래 전 메모장으로 html과 java를 끄적거릴 때에 비해 뭔가 추가된 게 있긴 했다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>image</title>
</head>
<body>
<!-- img 이미지 : 인라인요소
div 의미없음 : 블록레벨요소 -->
<h1>NULI</h1>
<h2>지침</h2>
<h2>인식의 용이성</h2>
<h3>1. 적절한 대체 텍스트 제공</h3>
<p>텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.</p>
<h4>1) alt 제공</h4>
<p><img>, <input type="image">, <area> 의 alt에는 적절한 대체 텍스트를 제공한다.</p>
<div><img src="images/g01_01.png" alt="MCND 데뷔 쇼케이스 2월 26일 8PM V LIVE" /></div>
<div><img src="images\g01_02.png" alt="메뉴" /></div>
<div><img src="images/g01_05.png" alt="브라운 느낌표" /></div>
<div><img src="images/g01_06.png" alt="QR코드 네이버 바로가기 http://www.naver.com" /></div>
<div><img src="images/g01_07.png" alt="하원 후 스스로 공부하는 비결은?"></div>
<div><img src="images/g01_08.png" alt="보안문자 D46PA"></div>
<div><img src="images/nhn_map.jpg" alt="불정교 사거리 정자치하차도방향 두번째 블록 좌측 NHN그린팩토리"></div>
<div><img src="images/miero.gif" alt="미에로 브랜드 스토리"></div>
</body>
</html>
N사 내 블로그에서.
2일째인 8일의 첫 기록