Frontend (2) 썸네일형 리스트형 [Html5/CSS3] 웹 홈페이지 상단 네비바(header) 만들기 네비바는 카테고리 글자에 마우스 호버 시 font-weight를 더 두껍게 주었고,네비바로 들어갈 수 있는 페이지는로고(해당 메인화면), 홈 (해당 메인화면), 지역, 테마, 축제, 랜덤 Pick!, 프로필 아이콘으로다른 페이지로 넘어가는 html은 5개이다. (로고와 홈은 다시 돌아가기 위해 만들었음) 학원 과제로 만들었는데React가 아닌 html과 css, javascript로만 개발해야 하는 거라 모든 파일에 상단 네비 헤더와 하단 푸터를 복붙해야했고..그래서 처음 틀을 잡을 때 제대로 잡아서 수정사항을 절대!! 만들지 않아야 겠다고 다짐하고 시작했다.다행히 네비바라서(?) 링크 수정 말고 css는 한번에 만들었다..ㅎ - Html 이런 구조로 갔다.네비바는 ul 태그 안 li로 나열해서 만.. [html5] html <body> 태그 정리 텍스트 태그 1. 텍스트를 블록으로 묶어 처리하는 태그 * ~ : 제목 텍스트 태그- 일반 텍스트보다 크고 진하게 표시되며, 이 가장 크게 표시되고 가 가장 작게 표시됨- 굵기는 따로 설정하지 않아도 자동으로 진하게 적용됨 * : 단락을 만드는 텍스트 태그- 태그로 표시하는 텍스트 단락은 닫는 태그로 만날 때까지 줄바꿈 없이 텍스트로 한 줄 표시됨- 텍스트 줄이 브라우저 창의 너비보다 길어질 경우 줄이 자동으로 바뀜 (브라우저 창의 크기가 따라 자동으로 줄바꿈이 이루어짐) * : 수평 줄을 넣는 텍스트 태그- 닫는 태그 없음 * : 인용문 넣는 텍스트 태그- 다른 텍스트보다 들여 써짐- cite 속성을 이용하여 인용 사이트 주소를 표시할 수도 있음 * : 입력하는 그대로 화면에 표시되는 태그- 이 .. 이전 1 다음
