HTML

HTML

autumn-code 2024. 8. 28. 15:51

HTML Reference

HTML

HTML(hyperText Markup Language)은 웹 페이지를 만들기 위한 언어 입니다.

  • HT = HyperText : 문서와 문서를 연결
  • M = Markup : 마크업, 태그
  • L = Languate : 언어
  • HTML이란? 문서와 문서로 연결된 태그 언어를 말합니다.

HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 쓰인다. HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호"<>"를 사용하여 나타낸다. 일반적으로 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있으나 "img", "br"등의 태그와 같이 시작태그만으로 그 영향을 나타내는 경우도 있으며, 종료 태그의 이름은 슬래시 문자[/]로 시작된다. 이와같이 HTML로 작성된 문서를 HTML문서라 하며 이 HTML로 작성된 문서를 웹 브라우저가 해석하여 이용자에게 보여주게 된다. HTML에서는 문서가 별도의 코드(code)를 인식하여 완벽한 하이퍼텍스트를 만들 뿐만 아니라 단어 또는 단문을 인터넷의 다른 장소나 파일로 연결시킬 수 있다. 출처 : 두산백

 

태그(Tag)

태그는 정보를 정의하는 방식을 의미합니다.

  • 태그는 열린태그와 닫는태그가 있습니다.
  • 닫는 태그에는 "/" 있어야 합니다.
  • 닫는 태그가 필요 없는 것도 있습니다.(<br>,<img>,<hr>,<input>,<meta>)
  • HTML5 에서는 "/"가 생략이 가능합니다.

 

블록 요소/인라인 요소(Blok/inline)

블록 요소는 박스, 인라인 요소는 텍스트를 의미합니다.

  • 블록 엘리먼트(Block Element)
    • 독립된 박스 영역으로, 한줄에 하나에 블로 요소만 표현 할 수 있다.
    • 블록요소애는 블록요소 인라인 요소를 포함 할 수 있다.
    • <div>,<p>,<h1>,<h6>,<ul>,<li>
  • 인라인 엘리먼트(Inline Element)
    • 독립된 텍스트 영억으로, 한 줄에 여러개의 인라인 요소를 표현 할 수 있다.
    • 인라인 요소에는 블록 요소가 포함 될 수 없지만, 인라인 요소는 포함 할 수 있다.
    • <span>,<a>,<strong>,<em>,<img>