HTML 기초 정리 2탄

6.div

HTML에서 가장 인기있는 요소 중 하나는 <div>요소입니다. <div>'분할'또는 페이지를 섹션으로 나누는 컨테이너의 줄임말입니다. 이 섹션은 HTML의 요소를 그룹화하는 데 매우 유용합니다.

 

7.속성(Attributes)

요소의 태그를 확장하려면 속성을 사용하여 확장 할 수 있습니다. 속성은 요소의 여는 태그에 추가되는 내용이며 정보 제공에서 스타일 변경에 이르기까지 여러 가지 방식으로 사용할 수 있습니다. 속성은 다음 두 부분으로 구성됩니다.

 

- 속성 의 이름

- 속성 의 값

 

일반적으로 사용되는 속성 중 하나는 id입니다. id 속성을 사용하여 다른 콘텐츠를 지정할 수 있으며 요소를 두 번 이상 사용할 때 매우 유용합니다. id는 HTML에서 여러 가지 용도로 사용되지만 현재로서는 페이지에서 콘텐츠를 식별하는 데 도움이되는 방법에 중점을 둘 것입니다.

 

8.Displaying Text

HTML로 텍스트를 표시하려면 단락 또는 범위를 사용할 수 있습니다. 단락 (<p>)에는 일반 텍스트 블록이 포함되어 있습니다. <span>에는 짧은 텍스트 또는 다른 HTML이 포함되어 있습니다. 다른 컨텐츠와 동일한 행에있는 작은 컨텐츠를 분리하는 데 사용됩니다.

 

위의 예에는 두 개의 다른 <div>가 있습니다. 두 번째 <div>에는 <span> 자율 주행 차 </ span>가있는 <p>가 포함되어 있습니다. 이 <span> 요소는 "Self-driving cars"를 단락의 나머지 텍스트와 분리합니다.

 

인라인이거나 다른 텍스트와 같은 줄에있는 특정 콘텐츠를 타겟팅하려면 <span> 요소를 사용하는 것이 가장 좋습니다. 콘텐츠를 블록으로 나누려면 <div>를 사용하는 것이 좋습니다. 참조로 <span>은 <div>의 작은 단계, <div>가 콘텐츠를 블록 개념으로 나눈다면, <span>은 콘텐츠안에 있는 작은 콘텐츠를 분류하는데 사용합니다.

 

9.Styling Text

HTML 태그를 사용하여 텍스트 스타일을 지정할 수도 있습니다. <em> 태그는 텍스트를 강조하고 <strong> 태그는 중요한 텍스트를 강조합니다. 나중에 웹 사이트 스타일을 시작하면 브라우저가 <em> 및 <strong> 태그 내에 콘텐츠를 표시하는 방법을 결정합니다.

 

그러나 브라우저에는 일반적으로 다음과 같은 방식으로 이러한 태그의 스타일을 지정하는 스타일 시트가 내장되어 있습니다. <em> 태그는 일반적으로 이탤릭체 강조로 렌더링됩니다. <strong>은 일반적으로 굵게 강조됩니다.

 

↓

e Nile River is the longest river in the world, measuring over 6,850 kilometers long (approximately 4,260 miles).

 

10.Line Breaks

HTML 파일에서 코드 사이의 간격은 브라우저에서 요소의 위치에 영향을 미치지 않습니다. 브라우저에서 간격을 수정하려면 HTML의 줄 바꿈 요소 <br>를 사용하십시오. 줄 바꿈 요소는 시작 태그로만 구성되므로 고유합니다. HTML 코드 내 어디에서나 사용할 수 있으며 줄 바꿈이 브라우저에 표시됩니다.

 

↓

The code in the example above will result in an output that looks like the following:

The Nile River is the longest river
in the world, measuring over 6,850
kilometers long (approximately 4,260
miles).