태그와 속성이라는 개념을 제가 잘 이해했나요?

안녕하세요.

'패턴으로 실습하며 익히기: HTML 이해를 바탕으로 크롤링하기' 강의를 듣고 있습니다.

태그와 속성이라는 개념이 여러번 등장하는데,

제가 잘 이해했는지 궁금합니다.

제가 이해하기로 태그는 속성의 이름을 말하는 것이고,

속성은 HTML언어에서 '파이썬의 문자열, 숫자, 소수점 등 변수종류' 와 비슷한 역할 하는 것 같습니다.

예를 들어서

img src = 'dimg.png' width = '100' 에서

img는 속성을 부르는 명칭입니다.

src는 이미지 파일이라고 컴퓨터에게 알려주는 속성입니다.

제가 잘 이해했는지 알려주시면 감사하겠습니다.

HTML언어가 파이썬 언어에 비해 생긴게 복잡해서 배우기 어려운 것 같습니다.

안녕하세요. 답변 도우미입니다.

HTML 태그와 속성에 대해 혼란스러워 하시는 것 같습니다. 아래에서 개념을 다시 설명드리겠습니다.

1. 태그 (Tag): HTML에서 태그는 요소(element)를 정의합니다. 태그는 보통 열림 태그 <tagname>와 닫힘 태그 </tagname>로 구성됩니다. 예를 들어, <p>는 문단(paragraph)을 정의하는 태그입니다.

2. 속성 (Attribute): 속성은 태그에 추가적인 정보를 제공합니다. 속성은 태그 내에서 사용되며 이름과 값으로 구성됩니다. 예를 들어, <img src="image.png" width="100">에서 src와 width는 img 태그의 속성입니다.

따라서, img는 태그 이름이고, src와 width는 img 태그의 속성입니다.

다시 설명드리면:

- img 태그는 이미지 요소를 정의합니다.

- src 속성은 이미지 파일의 경로를 지정합니다.

- width 속성은 이미지의 너비를 지정합니다.

예를 들어:

```html

```

위 코드에서 img는 태그, src와 width는 img 태그의 속성입니다.

HTML과 파이썬의 비교를 들자면, HTML에서 속성은 파이썬의 변수와 비슷한 개념이 아니라, 오히려 파이썬 함수의 인자와 비슷하다고 볼 수 있습니다. 파이썬 함수에 인자를 전달하듯이, HTML 태그에 속성을 전달하여 태그의 동작을 지정합니다.

감사합니다.

잔재미코딩 드림

인프런 커뮤니티 질문&답변