HTML 학습 3일차 (8일차 TIL)

210618 시간이 느린듯 빠르게 지나간다.
오늘은 ul, dl, dt, dd 활용에 대해서 학습했다.

Today's Tips

VSC Short cut
! + tab 해도 HTML5형식의 문서 구조가 자동 완성 된다.
내어쓰기 Shift + tab
현재 라인 이동 - (이동할 부분 선택) Alt + ↑/↓(위아래 화살표)
현재 라인 복사 - Shift + alt + ↑/↓
현재 라인 잘라내기, 현재 라인 삭제하기 Ctrl + x, Ctrl + shift + k
원하는 라인으로 이동 Ctrl + g
이전 작업부분으로 이동, 이후 작업부분으로 이동 Alt + ←/→
블럭 주석처리 Shift + ALt + A
<다중 편집>
특정 문자열 N개를 한번에 수정 Ctrl + d
다양한 문자열을 골라 한번에 수정 Alt + 클릭
<기타>
열어놓은 탭 앞뒤로 왔다갔다 하기 Ctrl + pageup/pagedown

1. 웹 접근성

• 더 보기 버튼 같은 경우에 alt값을 명확하게 써줘야 한다.(공지사항 더 보기 등)
• 이미지가 아닐 경우에는 a에 title로 작성해 준다.
• dl(정의형 목록)의 경우 하나의 dt와 여러개의 dd를 사용할 수 있다.
  (dd안에 ul을 활용할 수 있다.)

<dl>
   <dt><strong>재임기간</strong></dt>
   <dd>2008년 2월 29일 ~ 2009년 2월 11일</dd>
   <dt><strong>약력</strong></dt>
   <dd>
      <ul>
         <li>국가정보원장</li>
         <li>행정안전부장관</li>
         <li>서울시 행정1부시장</li>
         <li>서울특별시 공무원교육원 원장</li>
      </ul>
   </dd>
</dl>