HTML기본

sssuin·2021년 5월 12일
0

html

목록 보기
3/9

1. html tag

<start tag>content</end tag>
-> element

=> 브라우저에서는 내용(content)만 보여짐

2. 속성(attribute)

: 요소의 성질, 특징을 정의하는 명세

  • 모든 html 요소는 속성을 가질 수 있다.
  • 속성은 요소에 대한 추가 정보 제공(파일의 경로, 크기 등)
  • 속성은 항상 시작태그에 지정
  • 속성은 일반적으로 name = “value”와 같은 이름/ 값이 쌍으로 제공 됨
<a href= >visit</a> 

-> herf - 링크페이지로 이동(목적지, 주소), a - 하이퍼링크를 정의함

<img src=  width=  height= >

-> src: 이지지 파일의 경로와 파일명
width: 이미지의 너비
height: 이미지의 높이
-> 이 정보들을 이용하여 브라우저는 img요소를 화면에 출력함

=> 여기서 a, img는 태그이고 href, src는 속성

3. 요소(element)

<start tag>content</end tag>  -> 요소(element)

끝 태그가 필요없는 것은 태그 그자체로 요소

(1)요소의 중첩 (Nested Element)
요소는 다른 요소를 포함할 수 있다. 이때 부자관계가 성립 -> 정보를 구조화

(2)빈 요소 (Empty Element)
대부분의 태그는 시작태그(start tag)가 있으면 끝 태그(end tag)도 꼭 있어야 함
반면 시작과 동시에 종료되는 태그도 존재함: 태그와 태그 사이에 내용부분이 필요없기 때문 -> Empty element or Self-Closing element)
속성(attribute)만 가질 수 있다.
빈 요소 중 대표적인 요소: <br>, <hr>, <img>, <input>, <link>, <meta>

  1. 주석(Comments)
    : 개발장에게 코드를 설명하기 위해 사용, 브라우저는 주석을 화면에 표시X

참고

0개의 댓글