HTML 기본 태그

문단을 표현할 땐 p태그

    ● p태그는 문단의 시작을 알림

    ● p태그 안에서 공백을 만들어도 브라우저에서는 보이지 않음

    ● 줄바꿈이 필요할땐 br태그로 줄바꿈을 해줘야함

    ● &lt; => < , &gt; => >, &amp; &nbsp; => 공백

    ● html entities로 특수한 문자 알 수 있음

제목을 표현할 땐 h태그

    ● h1부터 h6까지 있음

    ● 1에서 6으로 갈 수록 글자크기가 줄어듬

 

목록을 보여주는 ul,ol,li태그

    ● ol: 순서목록

    ● ul: 순서가 없는 목록

    ● li: 목록의 내용

폰트 스타일을 위한 태그

    ● b: 단순히 글자만 굵게

    ● i: 기울게

    ● u: 고유명사, 철자가 틀렸을 때

    ● s: 문서의 내용이 틀렸을 때

    ● del: 예전 버전에는 있었는데, 최신 버전에는 삭제된 내용

특별한 의미를 가지고 있는 Semantic Tag

    ● strong: 문서에서 중요한 단어

    ● sup: 위첨자

    ● sub: 아래첨자

    ● abbr: 줄임말 설명

    ● semantic tag검색해서 더 찾아 볼 수 있음

브라우저에서 경로를 표현하는 방식

    ● 절대경로: 인터넷, url로 접속가능한 경로

    ● 상대경로: (통상적으로) 개발 환경에서 시작되는 경로

        ○ . 현재 파일이 위치한 경로

        ○ .. 이전 경로/ 상위 경로

        ○ / 구분

이미지를 출력하는 img태그

    ● img태그 src안에 절대경로 혹은 상대경로로 이미지 경로 삽입

    ● img태그 속성 안에서 sytle을 바로 입혀줄 수 있음

동영상, 오디오, 멀티미디어 태그

    ● video태그 안에 src로 경로 삽입

    ● audio도 마찬가지

    ● youtube에 공유하기-> 퍼가기로 복사 붙여넣기 가능 (iframe)

공간을 나누는 div태그와 span태그

    ● div: Division/ 가상의 경계, 가상의 레이아웃

    ● span: 감싸주는 태그