목록Front-End/HTML (5)
HappyWeasel
style을 HTML 페이지에 적용하는 3가지 방법 inline HTML 태그 안에 적용 다른 CSS 파일에 적용한 것 보다 우선적으로 적용된다. internal style 태그로 지정한다. 구조와 스타일이 섞이기 때문에 유지보수가 어렵다. 별도의 CSS파일을 관리하지 않아도 되며 서버에 CSS파일을 부르기 위해 별도의 브라우저가 요청을 보낼 필요가 없다. ... external 외부의 css 파일을 지정하는 방식이다. css 코드가 길면 해당 방법으로 구현하는 것이 좋다. link 태그로 추가한다. 우선 순위 inline > internal = external

HTML - 블록 레벨(Block Level) 요소와 인라인(Inline) 요소와 1. 블록요소 DIV, H1, P 사용 가능한 최대 가로, 너비를 사용한다. 크기를 지정할 수 있다. width : 100%, height : 0%가 디폴트이다. 출력물이 수직으로 쌓인다.(자동으로 개행) margin, padding을 위, 아래, 좌, 우 모두 사용 가능하다. Layout을 잡는 용도로 많이 사용된다. display: block; => 디폴트이다. 2. 인라인 요소 SPAN, IMG 필요한 만큼의 너비를 사용한다. 크기를 사용자가 지정할 수 없다. (출력하는 문자열을 감싸는 만큼의 영역을 가진다.) width : 0, height : 0이 디폴트이다. 출력물이 수평으로 쌓인다. (개행이 X) margin,..
img 이미지를 불러온다. img는 닫히는 Tag가 없는 빈 (Empty) Tag이다. ( 구조가 아니다.) src => 경로 / alt => 대체 텍스트 div 의미가 없는 분할 홍길동 class => 별명

태그란 괄호 사이에 들어가는 것들을 총칭하는 단어. example => 하나의 요소(Element)라고 표현합니다. 태그는 그 의미에 맞춰서 사용해야 합니다. 링크 이미지 목록 제목 anchor, img, ul/li, heading, p 태그 등이 자주 사용됩니다. div 태그도 많이 사용 되며 block 엘리먼트라고 하는데 일반적인 영역을 표현할 때 가장 많이 사용합니다. 반갑습니다. 여기 여러분들이 좋아하는 코딩! 씨 씨플플 씨샵 자바