Visual Studio Code 에서 HTML 단락 만들기

HTMLBeginner
지금 연습하기

소개

HTML 단락은 웹사이트에 텍스트 콘텐츠를 추가하려는 경우 중요합니다. 이 단계별 랩에서는 p 태그를 사용하여 HTML 단락을 만드는 방법을 배웁니다.

참고: index.html에서 코딩을 연습하고 Visual Studio Code 에서 HTML 작성 방법을 배울 수 있습니다. 웹 서비스를 포트 8080 에서 실행하려면 오른쪽 하단 모서리에 있는 'Go Live'를 클릭하십시오. 그런 다음 Web 8080 탭을 새로 고쳐 웹 페이지를 미리 볼 수 있습니다.

이것은 가이드 실험입니다. 학습과 실습을 돕기 위한 단계별 지침을 제공합니다.각 단계를 완료하고 실무 경험을 쌓기 위해 지침을 주의 깊게 따르세요. 과거 데이터에 따르면, 이것은 초급 레벨의 실험이며 완료율은 92%입니다.학습자들로부터 100%의 긍정적인 리뷰율을 받았습니다.

단락 태그 만들기

먼저, index.html이라는 HTML 파일을 생성합니다. 원하는 코드 편집기를 사용할 수 있습니다.

HTML 파일의 body 섹션에 다음 코드 블록을 추가하여 단락 태그를 생성합니다.

<p>This is a HTML paragraph.</p>

단락에 텍스트 추가

2 단계의 코드 블록을 다음과 같이 수정하여 단락에 텍스트를 추가합니다.

<p>Hello, my name is John. I am a software developer.</p>

여러 단락 추가

2 단계와 3 단계를 다른 텍스트 내용으로 반복하여 HTML 파일에 여러 단락을 추가합니다. 최종 코드 블록은 다음과 유사하게 표시됩니다.

<body>
  <p>Hello, my name is John. I am a software developer.</p>
  <p>I love coding and creating beautiful websites.</p>
  <p>HTML and CSS are my favorite programming languages.</p>
</body>

요약

축하합니다! HTML 단락을 생성하고 텍스트 내용을 추가하는 방법을 성공적으로 배웠습니다. 이는 웹사이트를 구축할 때 중요한 기술입니다. 계속 연습하고 HTML 태그를 탐색하여 동적이고 매력적인 웹 페이지를 만드세요.