기본적인 html 구조
<!DOCTYPE html> <html> <head> </head> <body> </body> </html>
이미지 태그 < img src=”” >
- 이미지 태그 속성
1) url
2) 로컬 파일 주소- 절대 경로
/img/profile.jpg -> html파일 안의 img파일 안의 profile을 불러온다.- 상대 경로
- . : 현재 폴더
- .. : 상위 폴더
같은 폴더 내 위치에 존재하면 위치만 적으면 된다.- alt(Alternate text) = 대체 텍스트
접근성(Accessibility)
html은 모두를 위한 앱으로 시각장애인을 대상으로 alt을 사용하여 사진 설명
blockquote
인용문을 위한 태그, cite를 이용하여 출처 밝힘
a 태그
- href를 이용하여 속성 설정
- 링크로만 연결되는 것이 아니라 기능을 활용할 때도 이용 가능 → url scheme
구조적 글쓰기
제목 / 주제문 / 문단 나누기 -> p태그 사용
- input 태그 : form 안에서 사용
dl 태그 : 정의 list
기준 & 하위 항목이 여러개 있는 이중구조가 다수일 경우 사용
dl하나의 리스트 dt기준/제목 dd기준에 대한 설명
<dl>(정의 리스트)은 반드시 하나 이상의<dt>-<dd>짝을 담고 있어야 한다.
ex) 아이폰 연락처 리스트
주석(Comment)
- 코드에 대한 설명, 메타 정보 입력
- html = <!- 내용 - >
- css = / 내용 /
