Web/HTML (3) 썸네일형 리스트형 a 태그 - anchor의 첫 글자 - HTML의 약자 HyperText Markup Language에서 HyperText가 이 a 태그를 의미 - 링크 태그 → 로 감싸진 Hypertext Markup Language (HTML)을 클릭하면 기입한 주소로 링크된다. +) → href - HyperText Reference의 약자 → target="_blank" - 링크를 클릭했을 때 새 창에서 페이지가 열리게 하는 속성 → title - 이 링크가 어떤 내용을 담고 있는지를 툴팁으로 보여주는 속성 문서의 구조 ex) WEB1 - html - 제목 지정 태그 - 검색엔진이 웹 페이지를 분석할 때 가장 중요하게 생각하는 태그 - 웹 브라우저에게 이 웹 페이지가 UTF-8로 만들어졌다는 것을 알린다. (한글이 깨지지 않게 된다.) , - 본문은 body 태그를 이용해 감싸고, 본문을 설명하는 태그는 head 태그로 감싼다. - 코드를 크게 본문(body)과 본문을 설명하는 부분(head)으로 나눈 것이다. - body 태그와 head 태그를 크게 감싸는 태그 - 이 웹 페이지가 HTML로서 만들어졌다는 것을 알리기 위해 문서의 시작에 를 추가 → 정리해보면, 이런 형식인 것이다. HTML CSS JavaScript HTML 본문 Tag - 강조 표시 - underline으로 연상 - 밑줄 긋기 ~ - heading - 제목 태그 - 줄 바꾸기 - 닫는 태그 X (무언가를 설명하지 않는 태그들은 감싸야하는 내용이 없기 때문에 닫는 태그 필요 X) cf) 닫지 않는 태그의 예 , , , , - paragraph로 연상 +) p태그의 단점: 단락과 단락의 간격이 고정 → CSS 통해 해결 p 태그를 통해 단락의 경계를 분명히 하면서 CSS를 통해 p 태그의 디자인을 자유롭게 변경할 수 있기 때문에 br 태그보다 p 태그가 더 좋은 선택이다. - image로 연상 1) 인터넷 주소를 기입해 인터넷에 있는 이미지 삽입 ex) 2) 웹 페이지 파일과 같은 위치에 있는 이미지 파일은 src 속성값에 이미지 파일의 이름을 적어준다. ex) +) wi.. 이전 1 다음
