inflearn logo
강의

Khóa học

Chia sẻ kiến thức

[Thực hành xuất bản web] Tạo một trang web chuẩn

Bố cục 4

레이아웃 혼자서 연습 해본다고 해봤는데 박스가아니라 폰트 안에 박스가 생겨요

514

xmdlsdkdud

1 câu hỏi đã được viết

0

2번정도 보면서따라하는걸 반복하고 복습하기위해

그림 레이아웃만 보고 작성을 해봤는데

실시간 미리보기 하니까 다르게 나와있어서 어디서부터

잘못되었는지 잘 모르겠어서 처음부터 영상을 보면서 다시

해봤는데 영상을 보면서 했을때는 결과물이 똑같이 잘만

나왔던게 갑자기 안되니까 답답해서 요청 드려봅니다.ㅜㅜ 

 

 

<!DOCTYPE html>

<html lang="ko">

<head>

    <meta charset="UTF-8">

    <title>layout04</title>

    <style>

        body {background-color: #ffe0b2;}

        #wrap {width: 1000px; height: 900px; margin: 0 auto; font-size: 30px; color:#fff; text-align: center; text-transform: uppercase;}

        .header {width: 1000px; height: 100px; line-height: 100px; background: #ef6c00;}

        .nav {width: 1000px; height: 100px; line-height: 100px; background: #f57c00;}

        .side {float: left; width: 300px; height: 600px; line-height: 600px; background: #fb8c00;}

        .content1 {float: left; width: 700px; height: 300px; line-height: 300px; background: #ff9800;}

        .content2 {float: left; width: 700px; height: 300px; line-height: 300px; background: #ffa726;}

        .footer {clear: both; width: 1000px; height: 100px; line-height: 100px; background: #ffb74d;}

    </style>

</head>

<body>

    <div di="wrap">

        <dic class="header">header</dic>

        <dic class="nav">nav</dic>

        <dic class="side">side</dic>

        <dic class="content1">content1</dic>

        <dic class="content2">content2</dic>

        <dic class="footer">footer</dic>

    </div>

</body>

</html>

 

 

http://127.0.0.1:52737/04.%20layout04.html

 

아 그리고 질문하나 더있습니다.

Brackets 프로그램이랑 Visual studio Code 프로그램이랑

다른점이 있나요? 사용을 해보았을때엔 둘다 비슷한 프로그램 같은데말이죠. 

layout04 프로그램 HTML/CSS

Câu trả lời 2

0

webstoryboy

Brackets 과 vscode는 같다고 보셔도 됩니다.

영상이 찍은지 오래되서 브라켓으로 작업하였지만

지금은 vscode를 많이 쓰기 때문에 vscode를 사용하셔도 무방합니다.

0

webstoryboy

<div di="wrap">여기에 오타가 있네요^^

섹션5 노션링크 는 따로 없나요?

0

4

1

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

13

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

10

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

16

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

37

2

claude plugin 방법 자세히 부탁드려요

0

39

2

강의에 적용한 스크립트를 받아 볼수 있을까요?

0

32

2

최근 코테, 과제 테스트 트렌드

0

53

2

노션 25 인터렉션 구현 파트 안 보입니다!

0

35

2

파트3 13F부분도 짤린거같은데 확인해주세요

0

36

2

Gemini로 진행가능 여부 궁금합니다.

0

57

2

뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청

0

25

2

프롬프트 11 진행 완료

0

40

2

강의 수업노트 링크에 오류가 있어요.

0

79

1

[라이트박스]

0

109

1

<탭 메뉴 스크립트> - 공지사항 탭 Background color가 반영되지 않습니다.

0

121

1

레이아웃 문제

0

201

1

미디어 쿼리 작동

0

392

3

영상 오류가 발생합니다

0

326

1

무료 호스팅 FTP 연결 경고 알림 관련

0

443

1

[헤더 타이틀 & 웹 폰트]

0

219

1

layout3 float:left 질문

0

393

2

layout 5번 영상이 안나오네요

2

347

1

웹 퍼블리싱 실습 예제

0

819

2