취미와 밥줄사이

[HTML] Attributes 본문

HTML

[HTML] Attributes

취미와 밥줄사이 2021. 10. 29. 17:32
HTML 속성은 HTML elements에 대한 추가적인 정보를 제공합니다.

HTML Attributes

  • 모든 HTML elements는 속성을 가질 수 있습니다.
  • 속성은 elements에 대한 추가적인 정보를 제공합니다.
  • 속성은 항상 시작 태그에 지정됩니다.
  • 속성은 대부분 name/value 쌍으로 제공됩니다.

href Attribute

  • <a> 태그는 하이퍼링크를 정의한다.
  • href 속성은 링크가 이동하는 페이지의 URL을 지정합니다.

src Attribute

  • <img>태그는 HTML 페이지에 이미지를 삽입할 때 사용된다.
  • src 속성은 표시될 이미지의 경로를 지정한다.
  • src 속성에 URL을 지정하는 두 가지 방법입니다.
    • 절대경로
    • 상대경로

 

width and height Attributes

  • <img> 태그에는 이미지의 너비와 높이(픽셀 단위)를 지정하는 너비 및 높이 속성도 포함되어야 합니다.

alt Attribute

  • <img> 태그에 필요한 alt 속성은 어떤 이유로 이미지를 표시할 수 없는 경우 이미지의 대체 텍스트를 지정합니다.
  • 이는 느린 연결, src 속성의 오류 또는 사용자가 스크린 리더를 사용하는 경우일 수 있습니다.

style Attribute

  • style속성은 색상, 글꼴, 크기 등과 같은 요소에 스타일을 추가하는 데 사용됩니다.

lang Attribute

  • 웹 페이지의 언어를 선언하려면 항상 <html> 태그 안에 lang 속성을 포함해야 합니다.
  • 이것은 검색 엔진과 브라우저를 지원하기 위한 것입니다.
  • lang 속성의 언어 코드에 국가 코드를 추가할 수도 있습니다. 따라서 처음 두 문자는 HTML 페이지의 언어를 정의하고 마지막 두 문자는 국가를 정의합니다.

title Attribute

  • title 속성은 요소에 대한 몇 가지 추가 정보를 정의합니다.
  • 제목 속성 값은 요소 위로 마우스를 가져가면 툴팁으로 표시됩니다.

항상 소문자 속성 사용하기

  • HTML 표준에는 소문자 속성 이름이 필요하지 않습니다.
  • 제목 속성( 및 기타 모든 속성)은 제목이나 TITLE과 같이 대문자 또는 소문자로 작성할 수 있습니다.
  • 그러나 W3C는 HTML에서 소문자 속성을 권장하고 XHTML과 같은 더 엄격한 문서 유형에 대해 소문자 속성을 요구합니다.

Always Quote Attribute Values

  • HTML 표준은 속성 값 주위에 따옴표를 요구하지 않습니다.
  • 그러나 W3C는 HTML의 따옴표를 권장하고 XHTML과 같은 더 엄격한 문서 유형에 대한 따옴표를 요구합니다.

작은 따옴표 or 큰 따옴표

  • 속성 값을 묶는 큰 따옴표는 HTML에서 가장 일반적이지만 작은 따옴표도 사용할 수 있습니다.
  • 속성 값 자체에 큰따옴표가 포함된 경우 작은 따옴표를 사용해야 하는 경우가 있습니다.

 

REFERENCE

https://www.w3schools.com/html/html_attributes.asp

 

HTML Attributes

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

'HTML' 카테고리의 다른 글

[HTML] 단락  (0) 2021.10.29
[HTML] Headings  (0) 2021.10.29
[HTML] HTML Elements  (0) 2021.10.29
[HTML] HTML 기본  (0) 2021.10.29
[HTML] HTML 이란  (0) 2021.10.29
'HTML' Related Articles more