태그 안먹힘 | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

태그 안먹힘

undefined주차

우*숙

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

스타일 코딩을 따라 넣는데 종종 태그가 먹히지 않습니다.

background 태그라면

타이핑하면서부터 'b'로 시작하는 태그 리스트?도 뜨지 않습니다.
글씨가 파랑이 아닌 흰색으로 처리됩니다.
해당 글줄이 아닌 다른 글줄로 옮기면 바르게 인식되기도합니다. (윗줄로 옮기면 됨, 엔터로 아랫줄로 내리면 안됨)
background 뿐만 아니라 height등 태그 종류 무관 특정 글줄에서 안먹히는 문제 생김

위 스샷의 height 태그 복사해서 2줄 위로 올리면 바르게 인식됨

작성한 코드 및 에러 메세지

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>스파르타코딩클럽 | HTML 기초</title>
  <style>
    .mytitle {
      background-color: blue;

      width: 300px;
      height: 200px;

      border-radius: 10px;
      color: white;

      text-align: center;
      background-image: ;

      padding: 30px 0px 0px 0px 

      background-image: ;
      background-image: ;
      background-image: ;
      background-image: ;

     
    }
  </style>
</head>

<body>
  <div class="mytitle">
    <h1>로그인 페이지</h1>
    <h5>아이디, 비밀번호를 입력하세요.</h5>
  </div>
   
  <P>ID : <input type="text" /></P>
 <p>PW : <input type="text" /></p>
 <button>로그인하기</button>
</body>

</html>

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>

    <title>스파르타코딩클럽 | 부트스트랩 연습하기</title>

    <style>
        .mytitle {
            background-color: green;
            color:white
            height: 250;
            
    
        }
    </style>
</head>
<body>
    <div class="mytitle">
        <H1> 내 생애 최고의 영화들</H1>
        <button>영화 기록하기</button>

    </div>

</body>
</html>

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!

댓글 알림