HTML 주석(Comment)과 요소(Element)

다람·2022년 6월 14일
0

HTML

목록 보기
2/8
post-thumbnail

HTML 주석

  • Comment라고 하며 컴퓨터가 인식하지 못하는 코드
  • 주석의 일반적인 의미는 위와 같지만 코드에 대한 설명 혹은 학습을 위해 사용하기도 한다.
  • 실무에서 주석을 자주 사용한다고 들었으며 코딩 연습 시 주석 연습도 함께 하는 것이 좋다고 한다.

HTML 주석 사용

각각의 언어(JAVA, SQL 등)에서 주석의 사용 방법은 다르다.
HTML에서의 주석사용은

<!-- -->

이것이며 내가 원하는 문장을 선택 후 SHIFT + / 누르면 주석처리 된다.

HTML 요소 구조

요소(element)

  • 시작태그와 종료태그 그리고 태그 사이에 위치한 컨텐츠(내용)로 구성된다.
       <h1>     HTML   </h1>
 <!--시작태그   컨텐츠  종료태그-->
  • 태그와 컨텐츠를 합쳐서 HTML 요소라고 부른다.

태그의 특징

퀴즈!
태그명을 대문자로 써도 상관없나?
---> 태그는 대소문자 구별은 하지 않는다.
하지만 웹 표준기구(W3C)에서 소문자를 권장하고 있기 때문에
전 세계의 웹 개발자들은 대부분 소문자를 사용한다.
W3C - World Wide Wed Consrotim
전 세계의 웹 표준을 제정하는 중립기관

Empty tag(빈 태그)

  • 종료 태그가 없는 태그
    ex) br, hr, img, input, link

Attribute(속성)

  • 요소의 성질이나 특징을 정의하는 명세
  • 모든 HTML요소는 어트리뷰트를 가질 수 있다.
  • 어트리뷰트는 요소에 추가적인 정보를 제공할 수 있다.
  • 어트리뷰트는 반드시 시작 태그에 위치해야하며 이름:값의 쌍으로 이루어진다.
        <h1 style="color:blue;">파란색 글자</h1>
     <!--   속성명   속성값  -->

HTML 요소에 스타일 적용하기

  • HTML 요소에 위 코드처럼 직접적으로 CSS 스타일을 적용시킬 수 있다.
  • 하지만 HTML 요소에 직접적으로 스타일을 지정하면 단 하나의 HTML 요소에만 스타일이 적용되어 후에 코딩에 문제가 될 수 있다는 점 참고해야 한다!
profile
안녕

0개의 댓글