사전캠프 8일차

neww·2024년 9월 4일

내일배움캠프

목록 보기

8/23

html
2가지로 나뉨
head
아이콘 파비콘
body 우린 눈에 보이는 부분

2번째로 수정한 login 페이지

 <head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
</head>
<body>
    <h1>로그인페이지</h1>
    ID: <input type="text" />
    <div>
        PW: <input type="text" />
        <button> 로그인하기</button>
    </div>

결과이미지

css

class="mytitle" 로 대상을 정한다
<head>안에 <style> 로 공간을 만든다.
  <style>하고 엔터해서 mytitle를 가르키기 위해 
    .mytitle{} 라고 써준다

<style>
.mytitle {
color :red;
} 
</style>


  body 밑에 <div class="mytitle"로 한다음 
 title 밑에 style 하고 .mytitle {

    <style> 
        .mytitle{
            width : 300px;   //박스사이즈
            height : 200px;
            background-color: green;
            color :white;
            text-align: center;
        }     ////앤터 한번더
    </style>
</head>
<body>
    <div class="mytitle">