본문 바로가기

HTML5

[HTML] HTML 핵심 요소와 전역 속성 핵심요소 : 특별한 의미가 없는 구분을 위한 요소. (Division), 블록 ~ : 제목을 의미하는 요소. (Heading), 블록, 숫자가 작을수록 더 중요한 제목 : 문장을 의미하는 요소. (Paragraph), 블록 : 이미지를 삽입하는 요소. (Image), 인라인 : 순서가 필요없는 목록의 집합을 의미. (Unordered List), 블록 : 목록 내 각 항목 (List Item), 블록 : 다른/같은 페이지로 이동하는 하이퍼링크를 지정하는 요소. (Anchor), 인라인 : 특별한 의미가 없는 구분을 위한 요소, 인라인 : 줄바꿈 요소. (Break), 인라인 : 사용자가 데이터를 입력하는 요소, 인라인-블록 : 라벨 가능 요소(input)의 제목, 인라인 : 표 요소, 행(Row)과 열(.. 2023. 1. 17.
[HTML] 글자와 상자, 인라인과 블록 요소가 화면에 출력되는 특성, 크게 2가지로 구분 인라인(Inline) 요소 span 글자를 만들기 위한 요소들 요소가 수평으로 쌓임 포함한 콘텐츠 크기만큼 자동으로 줄어듬 가로,세로,위아래여백은 조절x, 좌우여백은 가능 인라인 요소 안에 블록 요소를 사용할 수 없다 블록(Block) 요소 div 상자(레이아웃)를 만들기 위한 요소들 요소가 수직으로 쌓임 부모 요소의 크기만큼 자동으로 늘어남(가로), 세로크기는 자동으로 줄어듬 가로,세로,여백 조절 가능 블록 요소 안에 블록, 인라인 모두 가능 2023. 1. 17.
[HTML] 이미지 출력, 상대 경로 vs 절대 경로, 링크 img : 이미지 출력 tag src : 이미지 파일 경로 alt : 이미지 대체 텍스트 상대 경로(./, ../) ./(생략 가능) : 주변, 같은 depth ../ : 상위 폴더 절대 경로(http, /) http(https) : 원격 /(//) : 루트 주소로 연결되는 링크 생성 target : 링크 URL의 표시(브라우저 탭) 위치 2023. 1. 17.
[HTML] 정보를 의미하는 태그 에 위치하는 정보를 의미하는 태그 html 문서의 제목을 정의, 웹 브라우저 탭에 표시 link : 외부 문서를 가져와 연결할 때 사용 rel : 가져올 문서와의 관계 href : 가져올 문서의 경로 스타일(css)을 html 문서 안에서 작성하는 경우에 사용 자바스크립트(js)파일을 외부에서 가져오는 경우 defer : 가져온 JS 파일을 HTML 문서 분석 이후에 실행하도록 지시하는 HTML 속성(Attribute) 자바스크립트(js)를 html 문서 안에서 작성하는 경우 html 파일의 인코딩 방식 명시 IE 문서모드, 가장 최신 버전으로 표시 http-equiv : content에 명시된 값에 대한 http 헤더 x-ua-compatible : 웹 호환성, 호환성 보기 html 문서의 제작자, 내.. 2023. 1. 17.