Html = 뼈대, CSS = 꾸미기, JavaScript = 움직임
html 파일 생성 및
<br>줄바꿈
<div>구역</div>
<p> 문단</p>
<ul>
<li>point1</li>
<li>point2</li>
</ul>
<h1>제목</h1>
<h2>소제목</h2>
<h3>h3~6도 가능</h3>
sapn 태그 : 특정 <span style="color: red;"> 글자</span> 꾸밀때 사용
a 태그 : <a href="http://">하이퍼 링크</a>
img 태그 : <img src="/">
input 태그 : <input type="text"/>
button 태그 : <button> 버튼</button>
textarea 태크 : <textarea>문자 영역</textarea>
</head>
<style>
.name{
}
</style>
< class = "name">
arlt + shift + f (줄정렬)
CSS
/* 가운제 정렬*/
display: flex;
flex-direction: column;/*세로정렬*/
align-items: center;
justify-content: center;
https://fonts.google.com/?subset=korean
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR&display=swap');
/* 구글 폰트 가져다 쓰기*/
* {
font-family: 'Noto Sans KR', sans-serif;
}
부트스트랩 주소
https://getbootstrap.com/docs/5.3/getting-started/introduction/
1주차 과제 - 추억 앨범 만들기
나만의 추억엘범
엘범제목
엘범내용
엘범제목
엘범내용
엘범제목
엘범내용
엘범제목
엘범내용
'항해프리2기' 카테고리의 다른 글
항해프리2기 1주차 - 쉽게 배우는 웹개발 A 부터 Z 까지 5차 강의 (0) | 2023.09.03 |
---|---|
항해프리2기 1주차 - 쉽게 배우는 웹개발 A 부터 Z 까지 4차 강의 (0) | 2023.09.03 |
항해프리2기 1주차 - 쉽게 배우는 웹개발 A 부터 Z 까지 3차 강의 (0) | 2023.09.01 |
항해프리2기 1주차 - 쉽게 배우는 웹개발 A 부터 Z 까지 2차 강의 (0) | 2023.08.31 |