TIL004 HTML 복습

불주먹용병대·2021년 2월 15일

HTML/CSS

목록 보기
1/7
post-thumbnail

HTML, 그 특징은?

HTML은 HyperText Markup Language의 줄임말! HTML은 웹페이지의 골격을 완성하는 마크업 언어로 아래와 같은 특징을 가지고 있다.

  • 대부분의 HTML 요소들은 opening과 closing 태그들을 지니고 있다! 그리고 각 태그 안에는 속성 값을 넣어 여러가지 기능들을 추가할 수 있다.
  • HTML 요소들은 다른 요소들의 안에 품어질 수 있다. 품어지는 요소들을 자식요소, 자식요소를 품는 요소들을 부모요소라 부른다!
  • 그 어떠한 보여지는 콘텐츠는 반드시 <body> 태그 안에 들어가 있어야 한다.
  • Heading과 sub-heading, 즉 <h1>부터 <h6>까지는 글씨가 크고 진하게 표시된다.
  • <p>, <span>, <div> 태그들은 텍스트나 블록을 특정한다.
  • <em>, <strong>태그들은 텍스트를 강조한다.
  • 줄 띄우기는 <br>태그를 이용한다.
  • <ol>(ordered list)는 숫자가 매겨지고, <ul>(unordered list)는 불릿으로 표현된다.
  • 이미지<img>와 비디오<video>는 링크를 통해 이미 존재하는 소스를 링크할 수 있다.

HTML 표준에 대해서 알아보자!

  • !DOCTYPE html은 반드시 첫번째 줄에서 선언이 되어야한다. 이는 브라우저가 해당 웹문서는 어떤 HTML버전으로 작성되었는지 판단하게 해준다.
  • <head>에는 title과 같은 웹페이지의 정보들이 들어간다. 이때 title은 웹브라우저의 탭에 표시된다.
  • 앵커태그(<a>)는 내부페이지, 외부페이지, 또는 같은 페이지의 콘텐츠로 링크할 때 사용된다.(같은 페이지에서 링크할 때는 id를 설정해주어 해당 id로 이동하게 할 수 있다!)
  • HTML에서 여백은 굉장히 중요한데, 여백의 미를 잘 보이게 코딩을 짬으로서 누가봐도 이해가 잘 가는 코딩을 할 수 있게 도와준다!
  • 여백 뿐만 아니라, Indentation도 가독성을 위해 중요한 역할을 하는데 이는 부모-자식간의 상속관계를 명확히 함으로써 가독성을 향상시킨다!

0개의 댓글