Programming (7) 썸네일형 리스트형 WEB1 - 13. 문서의 구조와 슈퍼스타들 13. 문서의 구조와 슈퍼스타들 : 웹 페이지의 제목, 본문의 제목이 무엇인지 설명하는 태그 title 태그는 검색엔진이 웹페이지를 분석할 때 가장 중요하게 생각하는 태그 = 책표지 title 태그 꼭 쓰기-! : 이 웹페이지가 HTML로 만들어졌다는 것을 표현 : body 태그와 head 태그를 감싸는 태그 : body태그를 head로 묶기로 약속 : 본문은 body라는 태그로 약속 WEB1 - 12. 부모자식과 목록 12. 부모자식과 목록 : list, 목차 태그 경계, 그룹핑을 위한 태그 태그 - li의 부모 태그 HTML CSS JavaScript 넘버링을 위한 태그 태그 - li의 부모 태그 HTML CSS JavaScript WEB1 - 11. 최후의 문법 속성과 img 11. 최후의 문법 속성과 img : 이미지 태그 태그에 속성을 적용 img 태그에 source의 줄임말인 src를 붙임 (이미지는 html과 같은 폴더에 저장하기) ex) WEB1 - 9. 줄바꿈 : br vs p 9. 줄바꿈 : br vs p br 태그 : 줄바꿈 태그 태그는 닫지 않음 무언가를 설명하지 않는 태그는 감싸야 하는 콘텐츠가 없기 때문에 태그를 닫지 않는다는 규칙이 있음 ex) img, input, br, hr, meta 등 br 태그는 쓰는만큼 줄바꿈이 됨 p 태그 : 단락을 표현할 때 쓸 수 있는 태그 p 태그는 br 태그와 다르게 하나의 단락을 그룹핑할 수 있도록 열고, 닫는 태그가 존재 단락과 단락의 간격이 고정되어 있음 > 이 단점을 CSS로 극복할 수 있음 위와 같이 p 태그에 style="margin-top:45px"를 추가하면, p 태그 위쪽에 45px 만큼의 여백(margin)이 생깁니다 WEB1 - 6. 기본 문법 태그 6. 기본 문법 태그 강조 표시 underline 자주 묻는 질문 한글이 깨지면 어떻게 해야 하나요? 추가 WEB1 - 5. HTML과 실습환경 준비 5. HTML과 실습환경 준비 확장자 저장 .html command + O (크롬) html 파일 웹에서 열기 WEB1 - 4. 코딩과 HTML 4. 코딩과 HTML HTML Hyper Text Markup Language Public Domain 이전 1 다음