9월 4일 화요일 실습3
엘리스 1주차 : 웹프로그래밍 기초
학습목표
- HTML, CSS 기본문법 익히기
- 반응형 웹사이트 구축
- 리눅스 기초명령어, Gti 기초 공부
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 문서 구조 </title>
</head>
<body>
<header>
<h1><img src="elice_logo.png" alt=""> </h1>
<nav>
<li><a href="">홈</a></li>
<li><a href="">회사 소개</a></li>
<li><a href="">연락처</a></li>
</nav>
</header>
<main role="main">
<article>
<h2>회사 소개</h2>
<p>회사 소개와 관련된 본문 내용</p>
</article>
</main>
<footer>
<div> <p>서울시 서초구</p> </div>
<div> <p>010-111-2222</p> </div>
</footer>
</body>
</html>body에 쓰는 태그들
<header>
- 주로 문서 상단에서 제목, 로고, 검색 폼, 작성자 이름 등의 요소를 넣을 때 쓴다.
<nav>
-
현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 목차를 감싸는 태그
-
메뉴, 목차, 색인등의 요소를 넣을 때 쓴다!
<nav>
<li><a href="">홈</a></li>
<li><a href="">회사 소개</a></li>
<li><a href="">연락처</a></li>
</nav> MDN https://developer.mozilla.org/ko/docs/Web/HTML/Element/nav
<main>
- body의 주요 콘텐츠를 나타냄
<article>
- 문서, 페이지, 애플리케이션, 또는 사이트 안에서의 독립적인 구획을 나타냄
- 게시판과 블로그 글, 매거진이나 뉴스 기사 등에서 쓰임
<footer>
- 일반적으로 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 담는다
<footer>
<div> <p>서울시 서초구</p> </div>
<div> <p>010-111-2222</p> </div>
</footer>
There is no reason for not trying.