제목 (Heading) tag
<h1>제목 1</h1>
<h2>제목 2</h2>
.
.
<h6>제목 3</h6>
-제목은 1번부터 6번까지 있으며 중요도에 따라 나뉜다.
-1번이 제일 중요한 제목이다.
문단 (paragraph) tag
<p>문단 1개</p>
<p>문단 2개</p>
-한 문단을 나타내는 tag이다.
-문단 위 아래에는 자동으로 공백이 생긴다.
주석
<style>
/*css 주석: */
</style>
<body>
<!-- 로 시작해서 -->
</body>
-html경우 주석을 <!--내용-->으로 나타내는 반면
-css경우 주석을 /*주석*/으로 표현한다.
줄(br(Break)/hr(horizontal rule)) tag
<br> enter 해당 tag
<hr> 줄바뀜 동시에 줄 사이에 가로줄이 표시 됨(줄을 표시해주는 tag)
글씨 b/strong/i/em tag
<b>굵은 글씨</b>
<strong>굵고 중요한 글씨</strong>
<i>기울어진 글씨</i>
<em>기울어지고 중요한 글씨</em>
인용(q/blockquote/small/mark/del/ins) tag
<q>짧은 인용문</q>
<blockquote>인용문</blockquote>
<small>조금 작은 글씨</small>
<mark>하이라이트</mark>
<del>글씨 가운데 줄</del>
<ins>글씨 밑에 밑줄</ins>
<sub>아래첨자</sub>
<sup>위첨자</sup>링크(a) tag
<a href="https://velog.io/@easyliving">클릭하세요</a>
<a href="https://velog.io/@easyliving"
target="_blank">Go velog(new tap)</a> -하이퍼링크를 걸어주는 태그
href: 클릭시 이동 할 링크
target: 링크를 여는 방법
_self: 현재 페이지 (기본값)
_blank: 새 탭
_parent: 부모 페이지로
_top: 최상위 페이지로
프레임이름: 직접 프레임이름을 명시
이미지(img) tag
<img src="image/img001.jpg"
alt="정상 이미지" width="32" height="32" /> -이미지를 불러오는 태그
-닫는 태그가 없-다.
-이미지의 경로를 불러오는 src
이미지의 경로가 잘못되었거나 파일이 깨졌을 때 나오는 메세지를
입력하는 alt가 있다.
-너비와 높이를 정해줄 수 있음.
-단위는 픽셀
가끔져요