[HTML] HTML Attributes

2023. 2. 9. 23:39·Web Programming

저번에는 HTML Element & Tag를 공부했는데 이번에는 속성(Attributes)에 대해서 포스트 해보려고 합니다.

요소는 속성을 가질 수 있으며 다음과 같이 시작 태그 안에 속성명="값"의 형식으로 사용합니다.

 

속성은 실제 디스플레이에 표시되지는 않으나 요소에 추가적인 정보를 제공해 줍니다.

 

  • 예시1) <앵커> 요소는 URL을 참고하는데 이때 href 라는 속성을 사용하여 클릭하면 해당 페이지로 이동하게 합니다.
  • 예시2) 이미지 요소에는 width와 height라는 속성이 있으며 해당 속성은 이미지의 너비와 높이를 바꾸는 역할을 합니다.

 

참고로 요소안에 여러가지 속성을 추가할때 "속성-값"들 사이에 쉼표(,)를 작성하지 않습니다

즉 <img width="500", height="600">와 같이 ,를 넣는것이 아닌 <img width="500" height="600">와 같이 작성해야 합니다.

 

이미지 참고) https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web/HTML_basics

'Web Programming' 카테고리의 다른 글

[HTML] Text Formatting  (0) 2023.02.11
[HTML] HTML Heading & Paragraph  (0) 2023.02.10
[HTML] HTML Element & Tag  (0) 2023.02.09
[HTML] HTML Introduction  (0) 2023.02.09
[WEB] 웹서비스 세대  (0) 2023.02.09
'Web Programming' 카테고리의 다른 글
  • [HTML] Text Formatting
  • [HTML] HTML Heading & Paragraph
  • [HTML] HTML Element & Tag
  • [HTML] HTML Introduction
임파카
임파카
[ML & Statistics] 모바일 버전에서 수식 오류가 있어 PC 환경에서 접속하는 것을 권장합니다.
  • 임파카
    무기의 스탯(Stat)
    임파카
  • 전체
    오늘
    어제
    • Study (149)
      • Data Science (44)
        • Modeling (18)
        • Manipulation (21)
        • Visualization (4)
      • Statistics (59)
        • Mathmetical Statistics (53)
        • Categorical DA (1)
      • Web Programming (17)
      • AI (26)
        • Machine Learning (16)
        • Deep Learning (10)
      • 활동 및 프로젝트 (3)
  • 인기 글

  • hELLO· Designed By정상우.v4.10.5
임파카
[HTML] HTML Attributes
상단으로

티스토리툴바