줄 바꿈과 수평 규칙: 시간 여행

4318 단어 bootcamphtmlbeginners

줄바꿈


<br> 태그는 태그 뒤의 텍스트를 다음 줄로 가져와 줄바꿈을 만들어 이름을 만듭니다. Microsoft Word에서 줄 바꿈 서식 지정 옵션을 사용해 본 적이 있다면 이미 실행 중인 것을 보았을 것입니다.
"잠깐만, <body> 태그를 사용하여 새 줄을 만들 수 있는데 왜 그것을 사용합니까?"
좋은 질문! 대답: 아직은 모르겠지만... 시간과 노력을 절약할 수 있는 것 같습니다! 개발자가 할 수 있는 방법을 찾는다는 것을 알고 있습니다.

예제 시간!




작성된 코드는 다음과 같습니다.



I will always order pepperoni on my pizza. <br> I love Italian sausage too, but pepperoni takes the cake!




이제 사용자가 볼 수 있도록 의도한 코드는 다음과 같습니다.

나는 항상 피자에 페퍼로니를 주문할 것입니다. 이탈리안 소시지도 좋아하지만 페퍼로니가 케이크를 가져갑니다!


한 번에 여러 줄 바꿈 태그를 사용하면 어떻게 됩니까?

이 비디오에 따르면 라인을 더 아래로 밀어냅니다!

예제 시간!




다음은 작성된 코드입니다(5x<br> 태그).



I will always order pepperoni on my pizza. <br><br><br><br><br> I love Italian sausage too, but pepperoni takes the cake!




사용자가 볼 수 있도록 의도한 코드는 다음과 같습니다.

나는 항상 피자에 페퍼로니를 주문할 것입니다. 이탈리안 소시지도 좋아하지만 페퍼로니가 케이크를 가져갑니다!

수평적 규칙


<hr> 태그는 수평 룰을 생성합니다. 여기에는 줄 바꿈이 수행하는 작업이 포함됩니다. 태그 다음의 텍스트를 다음 줄로 배치하지만 그 위에 수평선을 추가하여 <hr> 태그 앞에 오는 텍스트와 뒤에 오는 텍스트를 구분합니다. 웹 사이트의 독자에게 새로운 장이나 새로운 섹션을 시작하고 있다고 추론하려고 할 때 이것이 좋은 것이라고 생각합니다.

예제 시간!




작성된 코드는 다음과 같습니다.



I went to bed early again, so I tried to sleep as soon as I could. <hr> The next morning, the sun was in my face, so I woke up too early. "Damn you sun!!" I yelled as I sharply closed the curtains I had apparently forgotten to close before bed.




이제 사용자가 볼 수 있도록 의도한 코드는 다음과 같습니다.

나는 또 일찍 잠자리에 들었기 때문에 최대한 빨리 자려고 노력했다.
다음날 아침, 태양이 내 얼굴에 있어서 너무 일찍 일어났습니다. "젠장할 태양!!"잠들기 전에 닫는 것을 잊어버린 것 같은 커튼을 급히 닫으며 소리쳤다.

네, 가로줄의 선은 작지만 있습니다!

네, 궁금합니다... 한 번에 여러 개의 가로줄을 사용하면 어떻게 되나요?

예제 시간!




다음은 작성된 코드입니다(3x<hr> 태그:



I went to bed early again, so I tried to sleep as soon as I could. <hr><hr><hr> The next morning, the sun was in my face, so I woke up too early. "Damn you sun!!" I yelled as I sharply closed the curtains I had apparently forgotten to close before bed.




이제 사용자가 볼 수 있도록 의도한 코드는 다음과 같습니다.

나는 또 일찍 잠자리에 들었기 때문에 최대한 빨리 자려고 노력했다.

다음날 아침, 태양이 내 얼굴에 있어서 너무 일찍 일어났습니다. "젠장할 태양!!"잠들기 전에 닫는 것을 잊어버린 것 같은 커튼을 급히 닫으며 소리쳤다.

에이이이! 그것은 여러 개의 수평 규칙을 만듭니다!! 유용하다고는 상상도 못하겠네요...
o_____o

자, 그럼 영상 끝!
잘 시간이야! ;디

좋은 웹페이지 즐겨찾기