이전 연구를 통해 우리는 이미 HTML 태그에 대해 간단하게 이해했으며 태그에 몇 가지 속성을 추가할 수 있다는 것을 알고 있습니다. 이러한 속성에는 다음과 같은 태그에 대한 추가 정보가 포함되어 있습니다.
(1) href 속성은 <a> 태그에 대한 링크 주소를 제공할 수 있습니다.
(2) src 속성은 <img> 태그에 대한 이미지 경로를 제공할 수 있습니다.
(3) 스타일 속성은 거의 모든 태그에 대한 CSS 스타일을 정의할 수 있습니다.
이번 글에서는 HTML 태그 속성의 정의와 사용법을 설명하겠습니다.
1. 속성이란 무엇입니까?
속성은 HTML 태그에 대한 추가 정보를 제공하거나 HTML 태그를 수정할 수 있습니다. 속성은 시작 태그에 추가되어야 하며 구문 형식은 다음과 같습니다.
속성=값
attr은 속성 이름을 나타내고, value는 속성 값을 나타냅니다. 속성 값은 큰따옴표나 작은따옴표 ''로 묶어야 합니다.
참고: 속성 값은 큰따옴표와 작은따옴표 모두 가능하지만 표준화와 전문성을 위해 최대한 큰따옴표를 사용하시기 바랍니다.
태그에는 속성이 없거나 하나 이상의 속성이 있을 수 있습니다.
HTML 속성 사용 예:
<pid=user-infoclass=color-red>C Language Network에 오신 것을 환영합니다. <fontcolor=redsize=3>username</font> 귀하는 이 사이트를 3년째 사용하고 있습니다. <p><divclass=clearfloat><pclass=left>사용자 이름 계정 정보</p><pclass=right>사용자 이름 개인 서명</p></div>
아래에 표시됩니다:
1. 특별속성
HTML 속성에는 여러 가지가 있으며 대략 두 가지 범주로 나눌 수 있습니다.
(1) 일부 속성은 대부분 또는 모든 HTML 태그에 적용됩니다. 이러한 속성을 범용 속성이라고 합니다.
(2) 일부 속성은 하나 또는 여러 개의 특정 HTML 태그에만 적용 가능합니다. 이러한 속성을 특수 속성이라고 합니다.
HTML의 <img> 태그에는 src와 alt라는 두 가지 특수 속성이 있으며, 다음 예와 같이 <a> 태그에도 href와 target이라는 두 가지 특수 속성이 있습니다.
<img src=./logo.png alt=C 언어 네트워크 로고 너비=100 높이=50>
<a href=http://c.biancheng.net/ target=_blank>C 언어 네트워크</a>
코드 설명:
<img> 태그의 src 속성은 이미지의 경로를 정의하는 데 사용되며, alt 속성은 이미지에 대한 설명 정보를 정의하는 데 사용됩니다. 표시됩니다.
<a> 태그의 href 속성은 링크의 주소를 정의하는 데 사용되고, target 속성은 브라우저에서 새 페이지가 열리는 방식을 정의하는 데 사용됩니다.
2. 맞춤 속성
HTML은 자체 속성 외에도 속성을 사용자 정의할 수 있습니다. 이러한 속성은 브라우저에서 인식할 수 있지만 특수 효과를 추가하지는 않습니다. 사용자 정의 속성을 처리하고 지정된 스타일을 HTML에 추가해야 합니다. 태그 또는 행동.
2. HTML 속성
● HTML 요소는 속성을 설정할 수 있습니다.
●속성은 요소에 추가 정보를 추가할 수 있습니다.
●속성은 일반적으로 여는 태그에 설명되어 있습니다.
●속성은 항상 이름/값 쌍의 형태로 나타납니다(예: 이름=값).
요약: HTML의 요소는 속성을 설정하여 HTML 요소에 대한 추가 정보를 제공할 수 있습니다. 속성은 요소에 속하는 특성입니다.
1. 공통 속성
다음 속성은 대부분의 HTML 요소에 적용됩니다.
(1) 수업
html 요소에 대해 하나 이상의 클래스 이름(클래스 이름)을 정의합니다(클래스 이름은 스타일 파일에서 도입됨).
클래스 속성은 여러 번 사용할 수 있습니다. 즉, class=classname1 classname2 classname3... (여러 클래스 속성을 따옴표 안에 채울 수 있음)
(2)아이디
요소의 고유 ID를 정의합니다.
id 속성은 개별적으로만 설정할 수 있습니다. 즉, id=myid(한 개만 입력할 수 있으며 여러 개는 입력할 수 없습니다.)
(3) 스타일
요소의 인라인 스타일 지정
(4) 제목
요소에 대한 추가 정보를 설명합니다(도구 모음으로 사용됨)
2. HTML 속성 중 일반적으로 사용되는 참조 속성값
속성 값은 항상 따옴표로 묶어야 합니다.
가장 일반적으로 사용되는 것은 큰따옴표이지만 작은따옴표를 사용해도 문제가 없습니다.
팁: 속성 값 자체에 큰따옴표가 포함된 경우와 같은 일부 개별적인 경우에는 작은따옴표를 사용해야 합니다. 예를 들면 다음과 같습니다.
name='JohnShotGunNelson'
3. HTML 팁: 소문자 속성을 사용하세요
속성과 속성값은 대소문자를 구분하지 않습니다.
그러나 World Wide Web Consortium은 HTML 4 권장 사항에서 소문자 속성/속성 값을 권장합니다.
(X)HTML의 새 버전에는 소문자 속성이 필요합니다.
4. HTML 속성 참조 매뉴얼
HTML 속성의 전체 목록: HTML 태그 목록을 참조하세요.
대부분의 HTML 요소에 적용되는 속성은 다음과 같습니다.