id
- 문서 전체에서 유일한 고유식별자(id)를 정의 (오직 1개 id에 1개의 이름)
- 작성 시 공백을 넣으면 안됨
- 처음 시작은 반드시 영문자로 짓기
<div id="hello">hello</div>
<div>hello</div>
<div>hello</div>class
- class 구분은 space로 구분함
<div class="hello hi">hello</div>
<div class="hello">hello</div>
<div>hello</div>style
- CSS 스타일 선언을 담음
- 외부 스타일을 무시하고 먼저 작업을 함 (추천하지 않음)
Well, I am the smile from your video
Oozin'along on your livin'room floor.
<div style="background: #ffe7e8; border: 2px solid #ffffff;">
<p style="margin: 15px; line-height: 1.5; text-align: cneter;">
Well, I am the smile from your video<br>
Oozin'along on your livin'room floor.</p>
</div>title
- 추가 정보를 제공하는 텍스트 (마우스 가져다 가면)
- title이 많다면 하위 자식의 title이 나타남
- 부모가 title을 가지면 자식에 상속 됨
<div title="바깥쪽 박스">
<div title="첫번째 요소">안녕하세요</div>
<div>반갑습니다</div>
</div>lang
- 전체 문서의 언어를 명시 하는 것
<html lang="ko">
<head> </head>- 만약 중간에 다른 언어가 포함되어 있다면 표시해주어야 함
<p lang="en"> Hello, My name is mongf.</p>- 상속 가능
data-*(지정)
- 실제 속성이 아닌 데이터의 속성
- 자바스크립트에 적용 (사용자 눈에 보이지 않지만 html요소가 가지는 정보를 넣는 것)
<article
id="electriccars"
data-columns="3"
data-parent="cars">
</article>draggable
- 드레그의 가능 여부
- true/false 값을 입력해야 함
<img src=" " draggable="false">hidden
- 불리언 (기본값은 false)
- 시각적으로 가릴 때만 사용
- 보안을 필요로 한다면 중요한 정보 기재하면 안됨
<img src=" " hidden>
간호사에서 개발자 되기