본문 바로가기
항해프리2기

항해프리2기 1주차 - 쉽게 배우는 웹개발 A 부터 Z 까지 1차 강의

by 김공돌 2023. 8. 31.

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


    /* 구글 폰트 가져다 쓰기*/
    * {
        font-family: 'Noto Sans KR', sans-serif;
    }

 

 부트스트랩 주소

https://getbootstrap.com/docs/5.3/getting-started/introduction/

 

1주차 과제 - 추억 앨범 만들기

나만의 추억 앨범

나만의 추억엘범

...
엘범제목

엘범내용

...
엘범제목

엘범내용

...
엘범제목

엘범내용

...
엘범제목

엘범내용