06 HTML의 속성과 목록 태그

---

HTML의 속성

속성은 해당 요소에 대한 추가적인 정보를 제공한다.

 

속성에 대한 값은 따옴표를 꼭 사용하지 않아도 되지만, 속성값에 띄어쓰기가 있을 경우 문제가 발생할 수 있어서

따옴표 쓰기를 권장함 ("쌍따옴표", '따옴표' 둘다 가능)

 

[예시]

<img src = apple.png> (O)
<img src = 맛있는 사과.jpeg> (X)
<img src = "맛있는 사과.jpeg"> (O)

---

목록태그

 

1) <ul>

순서가 없는 목록 태그

 

[문법]

<ul>
     <li>내용</li>
     <!--li태그는 독립적으로 사용이 불가하다-->
</ul>

사용해보자 :)

<ul>
	<li>김사과</li>
	<li>오렌지 </li>
	<li>반하나</li>
	<li>이메론</li>
</ul>

[결과]

 

 

2) <ol>

순서가 있는 목록태그

 

[문법]

<ol>
	<li>내용</li>
</ol>

사용해보자:)

<ol>
  <li>김사과</li>
  <li>오렌지</li>
  <li>반하나</li>
  <li>이메론</li>
</ol>

[결과]

 

 

3. <dl>사용자 정의 태그

 

[문법]

<dl>
	<dt>내용</dt>	<!--벽쪽에 붙어있는 형태-->
	<dd>내용</dd>	<!--탭 한번한 형태-->	
</dl>

사용해보자:)

<dl>
    <dt>이메론</dt>
    <dd>김사과</dd>
    <dd>오렌지</dd>
    <dd>반하나</dd>
</dl>

[결과]