이 장에서는 웹 페이지에 일반적으로 사용되는 태그를 하나씩 소개합니다. 이 장을 연구 할 때 HTML 태그 학습 과정에서 학습의 두 가지 측면에주의를 기울여야합니다. 태그의 목적과 브라우저의 기본 스타일 스타일.
의미론은 무엇입니까? 간단히 말해서, 각 태그의 목적을 이해하는 것입니다 (이 태그는 어떤 상황에서 사용하기가 합리적이든). 예를 들어, 웹 페이지의 기사 제목은 제목 태그로 사용할 수 있으며 웹 페이지의 각 열의 열 이름을 제목 태그로 사용할 수도 있습니다. 기사의 단락은 단락 레이블에 배치해야합니다. 기사에 강조 할 텍스트가있는 경우 EM 레이블을 사용하여 강조 등을 표현할 수 있습니다.
2.2 바디 태그, 웹 페이지에 표시된 컨텐츠는 여기에 배치됩니다.웹 페이지에 표시 할 페이지의 내용은 본문 태그에 배치해야합니다. 다음 그림은 뉴스 기사 웹 페이지입니다.
브라우저 효과는 다음과 같습니다.
2.3 P 태그, 단락을 추가하십시오 웹 페이지에 기사를 표시하려면 <p> 태그를 사용하고 <p> 태그에 기사의 단락을 배치해야합니다.
구문 : <p>段落文本</p> 텍스트 단락과 레이블에주의를 기울입니다. 뉴스 기사에 3 개의 단락이있는 경우이 3 개 단락을 각각 3 <p> 태그에 넣어야합니다. 아래 그림과 같이 :
브라우저에는 다음 효과가 표시됩니다.
<p> 태그의 기본 스타일은 위 그림에서 볼 수 있습니다. 세그먼트 전후에 공백이 있습니다. 이 공백이 마음에 들지 않으면 CSS 스타일을 사용하여 삭제하거나 변경할 수 있습니다. 단락 확인 코드 :
XML/HTML 코드 복사 컨텐츠를 클립 보드에 복사합니다