웹/html 과 css (4) 썸네일형 리스트형 html 시맨틱 요소란? HTML의 최신 버전인 HTML5에서는 시맨틱 웹(semantic web)이 중요시 되면서 여러 시맨틱 요소(semantic element)가 새롭게 만들어졌습니다. 시맨틱이란 ‘의미가 있는, 의미론적인'이라고 해석할 수 있습니다. 다시 말해, 의미를 가진 요소를 사용하는 방식을 추구하기 시작했습니다. 최상위 제목(top level heading)을 표현할 때 사용하는 요소인 요소를 사용할 경우, 브라우저가 큰 폰트 사이즈를 적용할 뿐 아니라, 위아래로 간격을 주어 제목처럼 보이도록 합니다. 이와 같은 효과는 요소, 요소에 CSS 속성을 추가하여 요소와 똑같이 보이도록 할 수 있습니다. 그러나 div나 span태그에는 특별한 의미가 담겨있는 태그는 아니기 때문에 시멘틱 태그는 아닙니다 시멘틱 태그는 즉 .. Block vs lnline html 의 태그들은 Block요소와 lnline요소가 있다 블록요소들은 한 영역을 차지하는 박스형태이고 width(너비)값이 자동으로 100%으로 설정됩니다 block은 height와 width 값을 지정 할 수 있다. block은 margin과 padding을 지정 할 수 있다 인라인요소들은 컨텐츠의 width와 height를 명시 할 수 없다. margin은 위아래엔 적용 되지 않는다. padding은 좌우는 공간과 시각적인 부분이 모두 적용 되지만 위아래는 시각적으로는 추가되지만 공간을 차지 하지는 않는다 block 요소 inline 요소 예시 인라인 요소인 span사용했을때 블럭레벨 요소인 div사용했을때 결과 인라인 요소인 span이 차지하는 영역 높이와 너비는 컨텐츠만큼(파란색 점선)이고 블.. html 태그 box 와 item html 태그를 종류별로 나눈다고 할때 box와 item으로 나눌 수 있다 box는 box나 item태그를 비슷한것 끼리 묶어서 정리하는 용도로 쓰인다 item은 사용자에게 직접 보여지는 태그들이다 button이나 img등등 사용자들이 버튼을 클릭하거나 이미지를 눈으로 본다던가 하는등 사용자와 상호작용을 할 수 있는 태그들이다 예시 회원가입 HTML의 태그(속성)들 HTML은 HyperText Markup Language의 약자입니다. 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성됩니다. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다. HTML 태그는 태그 이름을 꺾쇠 괄호()로 감싸서 표현합니다. HTML에는 태그마다 의미하는 뜻이 있습니다 HTML 삽입 미리보기할 수 없는 소스 #문법 1. // 시작 태그 2. // 종료 태그 몇몇 태그들은 시작태그만 있고 종료태그가 없는 경우가 있습니다 ex) 등등 HTML 삽입 미리보기할 수 없는 소스 # 설명 이란? = 이 문서가 html 문서임을 명시해 줍니다 HTML 삽입 미리보기할 수 없는 소스 이란? = html 시작 태그로 문서 전체의 틀을 구성합니다 에서 lang 는.. 이전 1 다음
