- 웹개발, 프론트엔드와 백엔드 개념
- 프론트엔드 개발언어
- HTML: 데이터 표시
- CSS: 디자인
- JavaScript: HTML과 CSS를 조작하여 동적인 페이지 구성
- HTML의 구조
- tree: element의 구조
- element: html을 구성하는 요소
- attribute: element의 : 기능 확장
- 기본 elements
- h1~h6 : 제목 텍스트
- p : paragraph
- ul, li: 리스트 작성
- hr : 문단이나 페이지를 나누는 수평선
- br : 줄바꿈
- div: 분할
- span: 선택
(본질적으로는 아무것도 나타내지 않습니다. 스타일을 적용하기 위해서, 또는 lang 등 어떤 특성의 값을 서로 공유하는 요소를 묶을 때 사용할 수 있습니다. 적절한 의미를 가진 다른 요소가 없을 때에만 사용해야 합니다.)
<p><span style="font-wight: bold,">Hello</span>world</p> = Hello world
- a (anchor): 하이퍼링크 삽입
* target과 href은 attribute
* target="_self" (기본값): 현재 탭에서 열기 / target="_blank": 새탭에서 열기
* href (hypertext reference) : 이동할 주소
댓글