HTML

Notice

Recent Posts

Recent Comments

« 2026/02 »
일	월	화	수	목	금	토
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28

Tags more

Link

관리 메뉴

개발블로그

HTML 본문

JavaScript/Frontend

HTML

춘식스 2022. 5. 9. 21:44

HTML 구성요소

태그 ( tag )

모든 태그는 시작태그 종료태그로 구성됐다

<div></div>

예외 - <hr>, <br>

요소 ( elemdnt )

실제 화면에 출력되는 텍스트 부근
태그 사이에 존재

<div>
	안녕하세요
</div>

위에 <div> 태그 안에 있는 '안녕하세요'가 실제 화면에 노출

속성 ( attrboute )

태그의 속성을 부여함 여러 속성이 존재할 수 있음
띄어쓰기로 구별함

<div class="">
	Hi
</div>

값 ( value )

속성에 할당되는 값을 나타냄
문자는 ""로 감싸서 표시
숫자는 그냥 표시
숫자로 감싸도 상관없음

<div class="test">
	Hi
</div>

<h> 태그

주로 제목이나 포인트를 주고싶을 때 사용
폰트 굵기와 사이즈가 정해져있다.

※ 스타일을 주면 바뀐다.

<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>

<h1 style="font-size: 15px">hrading 1</h1>

<p> 태그

문단을 나눌 때 쓰는 태그
<pre> 태그도 있다.

<body>
	<p>이것은 첫번째 문단입니다.</p>
    <p>이것은 두번째 문단입니다.</p>
    <hr>
    <p>스페이스를  중간에  아무리  눌러도  한칸만  떨어집니다.</p>
    <p>
    	줄을 바꾸려 엔터를 눌러도
        줄바꿈이 되지않습니다.
    </p>
    <p>nbsp를 이용하여 &nbsp;&nbsp;&nbsp;&nbsp;할수있다</p>
    <p>
    	br태그를 이용하여<br>
        줄을 바꿀 수 있다.
    </p>
    <pre>원문 모습이 그대로 나타납니다. 대신 폰트가 이상하게 보인다.</pre>
</body>