<html - Basic>
HTML : Hypertext Markup Language
html 문서는 요소로 구성되어 있다.
요소(element) = 태그 + 내용(content) 즉, 한줄짜리..
블록요소 사이에 인라인 요소가 들어갈 수 있다.(a태그 빼고)
인라인 요소 안에는 인라인 요소가 들어갈 수 있다.
인라인 요소 안에는 블록 요소 들어갈 수 없다.
<img src ="oo.jpg">
상대경로
<img src ="c: /폴더/oo.jpg">
절대경로
<img src ="https:// afdsas .jpg">
웹주소 = 경로가 끊어지면 안보임.
윈도우는 파일 탐색기 상단 주소 복사, vs코드에 우클릭 경로 복사하면 절대경로 획득 가능
a태그 속성: href(이동할 링크 주소) / title(마우스 hover시 표시되는 거) / target(페이지를 열 방법 지정)
target: self (현재 페이지에서 열기디폴트)
target: _blank ( 새택 or 새창으로 열기)
- ol 태그 : 순서가 있는 리스트
ul 태그 : 순서가 없는 리스트
li 태그 : 하위.
table 태그 : 표 선언
tr 태그 : 테이블 안에 head 내용.
td 태그 : tr 안에 th태그(테이블의 head)나 td태그(일반 데이터)
★사진 참고
병합도 가능하긴 함.
이벤트 핸들링 onclick , onmouseenter, onmouseleave
<header>
: 소개 , 제목 , 로고 등
<main>
: 메인 컨텐츠 영역 . 전체 문서에서 단 하나
<section>
: 컨텐츠 영역 . 일반적인 컨텐츠 구획 . 여러개 가능
<article>
: 독립적인 컨텐츠를 구분
<figure>
: 비디오 , 이미지 , 코드 영역
<nav>
: 네비게이션 영역 . 링크 . 메뉴
<aside>
: 메인 컨텐츠 이외의 사이드 컨텐츠 . 별개 정보 , 연관 정보
<footer>
: 저작권 , 계약 정보 , 사이트맵 , 연락처 등
문법적으로 반드시 이렇게 해야 동작한다 는 규칙은 없음 .
각 시맨틱 태그의 의미를 이해하고 , 각자 다양한 형태로 사용함