작성 순서: HTML 작성 -> HTML 마크업 검사 -> css 작성
1. div
#1
2. h3 : story
3. span: five
#2
4. 리스트 박스 만들기
방법: 1. ul li a or 2. div a
>>1사용 : 이유, 이미지, 글자 모두 선택해도 선택 가능 하게 하기 위해서
img
h4/p : p태그 못씀 왜? a태그가 인라인 요소 이기 때문
strong
span
#3
5. 더보기 버튼 만들기
> p/span a img
코딩 순서
>>> 사용자의 시선과 동일하게 코딩해 내려가는게 스크린리더기가 더 자연스럽게 읽어줄 수 있음
노트북, 휴대폰에 스크린 리더기가 탑재되어 있음
