고정 헤더 영역
상세 컨텐츠
본문
<img src=" ~ " > = 스스로 닫히는 태그다. src는 경로를 뜻한다. 주로 사용되는 속성은 width: 000px; = 가로 를뜻한다.
height: 000px; = 세로 뜻한다.
<ol> </ol> = 순서가 있는 목록이다.
예문은 <ol>
<li> 예시 </li>
<li> 예시 </li>
</ol>
위에 예문을 실행해보면 알 수 있을 것이다.
<ul> </ul> = 순서가 없는 목록이다.
예문은 <ul>
<li> 예시 </li>
<li> 예시 </li>
</ul>
마찬가지로 실행해보면 ol과의 차이점이 눈에 보일 것이다. ( <li> </li> = 리스트를 뜻한다. ol과 ul에 필수요소다.)
<dl> </dl> = 위에 있는 ul과 ol 과는 다른 리스트이다. 보통 dl은 사전이나 레시피 같은 곳에서 쓰인다.
예문은 <dl>
<dt> 예시 </dt>
<dd> 이것은 예문입니다. </dd>
</dl>
이것도 실행해서 결과값 을보면 알 수 있을 것이다. (ul과 ol에 li 가있듯이 dl에는 dt와 dd 가있다. dt는 개념을 나타내는 용도, dd는 그 개념에 대한 설명을 나타내는 용도이다.)
위 3가지 리스트들은 중복 사용이 가능하다.
<div> </div> = 보통 그룹을 만들거나 사이즈 지정할 때 쓴다. ( 나는 영역 묶기로 이해했다.)
<span> </span> = 내가 배운 것은 글자 색 바꿀 때만 써봤다.. 예문은
<head>
<style>
span {color: red;}
</style>
</head>
<body>
<p> A<span>B</span>C<span>D</span>E<span>F</span> </p>
</body>
이게 예문이다... 사용하려면 헤드 쪽에 스타일태그를 써야 한다. 결과값은 ACE에는 검은색 BDF에는 초록색으로 뜰 것이다.
class = 클래스라고 한다. 내가 배운 것은 div에 자주 사용한다. 클래스는 여러 번 사용이 가능하다. 스타일 태그에 . a .b 등 입력하면 사용할수있다.
예문은
<head>
<style>
.a {color: red;}
</style>
</head>
<body>
<div> 123 </div>
<div class="a"> 123 </div>
<div class="a"> 123 </div>
<div class="a"> 123 </div>
</body>
이렇게 보면 결과값을 알 수가 있다.
id = 아이디라고 한다. 클래스와 마찬가지로 div 쪽에서 주로 사용된다. 클래스와 다른 점은 하나의 문서에 중복 사용이 안된다. 또한 스타일 태그에 표시할 때는 #으로 표시한다.
위 예문에서. 을 #으로 바꿔보자.
//최대한 내가 배운 것을 기억나는 대로 적었으며 또한 인터넷을 찾아가며 작성한 것이므로 틀린 내용이 있을 수도 있다.
만약 틀린 내용이 있다면 댓글로 남겨주시면 굉장히 고마울 것 같다.//
'개발 > Html 및 CSS' 카테고리의 다른 글
| Html 과 CSS 태그 및 속성 - 5 (0) | 2021.04.20 |
|---|---|
| Html 과 CSS 태그 및 속성 - 4 (0) | 2021.04.19 |
| Html 과 CSS 태그 및 속성 - 2 (0) | 2021.04.15 |
| Html 과 CSS 태그 및 속성 - 1 (0) | 2021.04.15 |
