프론트엔드(기초) - 태그

태그들 .

html css

태그 div

article → html tag는 사이트에서 독립적으로 구분해 배포및 재사용가능한 부분

독립적으로 보여줄때 전혀 문제가 없고 메인안에서 다른내용하고 상관없을때 사용

article 안에는 section tag가 존재하며 내용별로 연관지어서 구분할수있다.

<i> 태그 <em> 태그(이태릭체)

시각적으로 이탤릭체 <i>를 사용 하고

강조하는 이탤릭체 <em>으로 사용

<b>태그 <strong>태그

<b> 시각적으로만 볼드체로 사용

<strong> 정말 중요한 볼드체로 사용함

<ol> vs <ul> vs <dl>

ul 순서가 없이 목록으로 사용할때 li 태그를 사용해서 보여줌(unordered list)

<ul>
	<li>장난감</li>
	<li>그림그리기</li>
	<li>
		<ul>
			<li>동양화</li>
			<li>서양화</li>
		</ul>
	</li>
</ul>

ol 순서가 있는 목록을 사용할때 li 태그를 사용해서 보여줌 (order list)

<ol>
	<li>순서1</li>
	<li>순서2</li>
</ol>

dl (description list) 단어를 설명할때 보통 묶어서 사용

<dl>
	<dt>제목(타이틀)위치</dt>
	<dd>설명을 여기다 써주면 됨</dd>
</dl>