화면구현 - 글자와 목록태그

한장민·2022년 5월 7일
0

FE

목록 보기
4/4
post-thumbnail

태그

<h1>h1 태그</h1>
<h2>h2 태그</h2>
<h3>h3 태그</h3>
<h4>h4 태그</h4> <!-- h4{h$@4}*3 + tab-->
<h5>h5 태그</h5>
<h6>h6 태그</h6>
    <!-- h${h$ 태그입니다.}*6 + tab-->

h1 태그

h2 태그

h3 태그

h4 태그

h5 태그
h6 태그
<br /> : 줄바꿈 태그
<hr /> : 줄의 경계선을 나타내는 태그
<p></p> : 단락 구분 태그
<pre></pre> : 단락 구분 태그

<p>
  가
  나
  다
  라
  마
  바
</p>

<pre>
가
나
다
라
마
바
</pre>

줄의 경계선 ↓↓


p와 pre의 차이점

가 나 다 라 마 바

가
나
다
라
마
바

여러가지 표현 태그

<strong>굵은 글씨1</strong> <br />
<b>굵은 글씨2</b> <br />
<small>작은 글씨</small> <br />
<u>일반 글씨</u> <br />
<s>일반 글씨</s> <br />

<strong> : 굵은 글씨1
<b> : 굵은 글씨2
<small> : 작은 글씨
<u> : 일반 글씨
<s> : 일반 글씨

2<sup>10</sup> <br />
2<sub>n</sub> <br />
<em>기울임 글자</em> <br />
<mark>강조 표시</mark>입니다. <br />

<sup> : 210
<sub> : 2n
<em> : 기울임 글자
<mark> : 강조 표시입니다.


목록태그

<!-- ul(unordered list) : 순서가 없는 목록 -->
<ul>
	<li>내용</li>
</ul>

<!-- ordered list : 순서가 있는 목록 -->

<ol> <!-- 타입 지정 안할 시 숫자로 순서가 지정된다 -->
     <li>물을 끓인다.</li>
     <li>면과 스프를 넣는다.</li>
     <li>파송송 계란탁</li>
</ol>

ol 태그에서 type을 지정하면 로마자, 영대문자, 소문자 등으로 다양하게 순서를 지정할 수 있다.

ol type ='지정할 타입'
I : 로마자 대문자
i : 로마자 소문자
A : 영대문자
a : 영소문자

ol reversed = 'reversed'
순서가 반대로 지정된다.
ex>
4. 가
3. 나
2. 다
1. 라

profile
HAAN YJGB

0개의 댓글