[HTML] 아이디 선택자 익히기 & menu 메뉴바 생성하기

1. 아이디 선택자 익히기 - 공간 분할 태그에 id 선택자를 사용하여 id 속성을 적용하고 레이아웃을 구성한다. - 아래의 이미지를 html로 구현한다. Header Aside Content 2. ul 구현 - menu1 - 아래의 이미지를 ul로 구현한다. Home News Contact About 3. ul 구현 - menu2 - 아래의 이미지를 ul로 구현한다. Home News Contact About Note: If a !DOCTYPE is not specified, floating items can produce unexpected results. A background color is added to the links to show the link area. The whole link ar..

[CSS] CSS 설명 예시

CSS를 적용하는 방법 HTML 문서에 CSS 스타일을 적용할 때에는 다음과 같이 세 가지 방법을 사용할 수 있다. 1. 인라인 스타일(Inline style) HTML 태그의 style 속성에 CSS 코드를 넣는 방법 2. 내부 스타일 시트(Internal style sheet) HTML 문서 안의 안에 CSS 코드를 넣는 방법 3. 외부 스타일 시트(External style sheet) 별도의 CSS 파일을 만들고 HTML 문서와 연결하는 방법 스타일 적용의 우선순위 위에서 설명한 스타일 적용 방법들이 혼합되어 사용될 경우, 최종적으로 적용되는 스타일은 다음 순서에 따라 결정된다. 1. 인라인 스타일 (HTML 요소 내부에 위치함) 2. 내부 / 외부 스타일 시트 (HTML 문서의 head 요소 내..

[HTML] table 태그 예제

예제 1 회원가입 이름 아이디 비밀번호 비밀번호 확인 이메일 취미 독서 요리 조깅 수영 취침 전공 국어 영어 수학 디자인 전화번호 SKT KT LG 예제 2 Company Contact Country Alfreds Futterkiste Maria Anders Germany Berglunds snabbköp Christina Berglund Sweden Centro comercial Moctezuma Francisco Chang Mexico Ernst Handel Roland Mendel Austria Island Trading Helen Bennett UK Königlich Essen Philip Cramer Germany Laughing Bacchus Winecellars Yoshi Tannamuri ..

Ohlala

[HTML] 시멘틱 구조 태그

HTML5 Header Menu - 1 Menu - 2 Menu - 3 Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipiscing elit. 서울특별시 강서구 내발산동 시멘틱 구조 태그 헤더 의미 네비게이션 의미 사이드에 위치하는 공간 의미 여러 중심 내용을 감싸는 공간 의미 글자가 많이 들어가는 부분 의미 푸터 의미

[HTML] 공간 분할 태그 div & span

예시 1 Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum 예시 2 Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum div & span 태그 block 형식으로 공간 분할(차곡차곡 쌓아 올려지는 형식) inline 형식으로 공간 분할(한 줄 안에 차례차례 위치하는 형식)