[웹 프로그래밍 기초 ] 글자태그

글자 태그

1. 제목 태그

h는 heading을 의미

<h1> : 첫 번째로 큰 제목 글자 생성
<h2> : 두 번째로 큰 제목 글자 생성
<h3> : 세 번째로 큰 제목 글자 생성
<h4> : 네 번째로 큰 제목 글자 생성
<h5> : 다섯 번째로 큰 제목 글자 생성
<h6> : 여섯 번째로 큰 제목 글자 생성

2. 글자 태그

p태그
paragraph(단락)를 의미
문단 하나를 생성

br태그
defines a line break(줄 바꿈)
우리가 사용하는 엔터와 같은 역할, 다음 칸으로 내려감

hr태그
defines a thematic break
콘텐츠를 분리하는데 사용되는 수평 줄로 가장 많이 표시
(hr 태그는 다른 글자 태그 내부에 삽입할 수 없다.)

특수 기호를 위한 표기 방법

  : 공백문자 하나 추가 
&lt; : < 를 표시 
&gt; : >를 표시
&amp; : & 부호 표시
&quot;: " 부호 표시 

3. 앵커 태그

하이퍼텍스트 : 사용자의 선택에 따라 특정 정보로 이동하는 조직된 문서
a 태그(anchor) : 다른 웹 페이지나 웹 페이지 내부의 특정 위치로 이동
href 속성 : hyper reference를 의미, 링크의 목적지를 가리키는 속성

<a href="http://velog.io">벨로그 짱짱</a>

a 태그의 href 속성
1) 절대 경로
http://example.com 네이버의 메인 페이지
2) 상대 경로
favicon.png - 웹 페이지가 있는 폴더의 favicon.png 파일
3) 아이디 경로
#name - id 속성이 name인 태그의 위치로 이동
4) 메일 경로
mailto
example@gmail.com - 해당 주소로 메일 전송

4. 글자 모양 태그

b : 굵은 글자 
i : 기울어진 글자 
small: 작은 글자 
sub: 아래 첨자 
sup : 위 첨자 
ins: 밑줄 글자 
del: 취소선이 그어진 글자 
<u> 태그 : 밑줄 그을 때 사용되는 태그
<mark> 태그 : 하이라이트 된 텍스트 
<em> 태그 : 강조된 텍스트를 표현 
<strong> 태그 : 해당 콘텐츠의 강조된 텍스트를 정의

글자 모양 태그 내부에 제목 글자 태그와 본문 글자 태그는 넣을 수 없음