[따라하며 배우는 HTML, CSS] 1 - (1) HTML의 개념 및 구성

HTML

 Hyper Text Markup Language
웹페이지 표시를 위해 개발된 지배적인 마크업 언어
이미지와 비디오 같은 콘텐츠를 삽입할 수 있게 해주는 요소들로 구성된 지극히 간단한 언어

html 구성요소

 

태그 tag

• 웹 문서를 구성하는 명령어
• 꺾새 안에 들어 있는 정보를 정의하는 형식
• 요소의 일부로 시작 태그와 종료 태그 두 종류
• 종료 태그가 없는 <br/>, <hr/> 태그도 있다.

 

요소 Element

• 요소는 시작 태그와 종료 태그, 그 사이의 내용으로 구성된다.

빈 요소	<br/>, <hr/>
블록 요소	h1~h6, div, list, p, ...
인라인 요소	a, span, strong

블록 요소

블록 요소는 다른 블록 요소를 포함할 수 있습니다.

블록 요소는 인라인 요소를 포함할 수 있습니다.

• 블록 요소는 아랫줄에 나타나게 됩니다.

텍스트
텍스트

 

인라인 요소

다른 인라인 요소를 포함할 수 있습니다.

• 블록 요소를 포함할 수 없습니다.

텍스트텍스트

 

index.html

• index.html 페이지는 방문자가 사이트를 요청할 때 다른 페이지가 지정되지 않은 경우 웹 사이트에 표시된 기본 페이지에 사용되는 가장 일반적인 이름입니다.
• 즉, index.html은 웹 사이트의 홈페이지에 사용된 이름
  www.abc.com => www.abc.com/index.html (o)

 

인라인 요소는 너비, 높이를 가질 수 없습니다.

<p style="width:30px"> p </p> (o)
<span style="width=30px"></span> (x)

 

속성

• 태그를 보조하는 명령어로 태그 안쪽에 있습니다.
• 속성은 태그의 문법 명령어가 다루지 못하는 명령을 보조합니다.
• width, height, alt, style, href 등이 있습니다.

<br> vs <br/>

HTML에서는 <br>로 사용합니다.
둘의 문법 상 차이는 거의 없습니다.
하지만 <br/>로 사용할 수도 있는데 그 이유는 html이 아닌 xhtml에서도 호환되게 하기 위해서입니다.
브라우저에서는 <br/>로 사용해도 자동으로 <br>로 바꿔서 사용합니다.

결론: <br> 표기법을 통일하여 사용하는 것을 추천.!

 

---

출처

따라하며 배우는 HTML, CSS - 인프런 | 강의