본문 바로가기
Study 3/IT 팁

html에 많이 사용되는 태그

by Frais Study 2020. 3. 16.

html에 많이 사용되는 태그.

1. <html> </html>

문서의 처음과 끝

2. <head> </head>

머리말.

3. <body> </body>

문서의 본문의 시작과 끝을 알림.

4. <p> </p>

본문 내용에서 하나의 단락을 구분.

5. <div> </div>

역시 단락을 구분하기 위해 사용하나 마지막 줄은 띄워주지 않음.

6. <br>

줄바꿈.

7. <center>, </center>

본문의 중앙으로 위치하도록 지정.

8.<pre> </pre>

설정된 부분을 동일하게 화면에 나타내줌.

9. <hn></hn>

글꼴의 크기를 지정 n은 1~6사이의 정수


10 <font face="폰트이름" size="크기" color="색상">내용</font>

글꼴의 모양및 크기를 지정

11. <big>, </big>

글자를 한단계 크게 나타내줌.

12. <small>, </small>

글자를 한단계 작게 나타내줌.

13. <b>, </b>

글자를 강조해줌.

14 <STRONG></STRONG>

두꺼운 글씨체

15. <SUP></SUP>

윗첨자

16. <SUB></SUB>

아래 첨자

17. <blockquote></blockquote>

인용문


18. <i>, </i>

이탤릭체로 변환해줌.

19. <u>, </u>

밑줄을 그어줌.

20. <blink>, </blink>

글자를 깜빡이게 해줌.

21.<hr>

수평선을 그려줌.

22 .<table width="가로크기" height="세로크기" border="테두리두께" cellpadding="셀간격크기" cellspacing="셀여백크기"></table>

표의 시작과 끝을 알림

23 <tr></tr>

표의 열의 시작과 끝을 지정

24 <td></td>

표의 행의 시작과 끝을 지정



25. <img="주소">

문서에 이미지를 삽입.

26. <a href="주소">링크제목 </a>

문서에 링크를 걸어줌.

27. <frameset>, </frameset>

프레임을 생성. 한 페이지에 두개의 화면을 만들때 사용.

28. <embed="주소">

외부 음악 동영상 플래쉬등등 재생.

29. <bgsound="주소"- 백그라운드 음악 재생.

30 <marquee>내용입력</marquee>
글자의 상하이동

마퀴태그의 패러매터
behavior=scrol 일정방향으로 스크롤...
behavior=slide 반복 후에 화면 끝에서 정지
behavior=alternate 좌우로 반복하기
scrolldelay=수치 스크롤 지연값을 정해준다. 값을 많이 주면 점프하듯이 스크롤...
scrollamount=수치 스크롤의 속도를 정해준다.
loop=수치 반복횟수를 정해준다.
infinite이면 무한반복...
bgcolor=RGB칼라 스크롤 영역의 배경색을 정해준다.
width=수치 스크롤 영역의 넓이를 정해준다.
height=수치 스크롤영역의 높이를 정해준다.
direction=left,right,up,down 왼쪽,오른쪽,위로,아래로...방향을 정해준다.


31 <iframe src="주소" name="이름" width="가로크기" height="세로크기" marginwidth="좌우여백" marginheight="상하여백" scrolling="스크롤바여부" frameborder="테두리두께"></iframe>

아이프레임을 생성

32.<basefont size="크기">

전체 글자 크기를 지정.

33.<em>내용</em>

관용적 표현을 위한 이탤릭체표현

34.<dfn>내용</dfn>

관용적 표현을 위한 이탤릭체표현

35.<var>내용</var>

관용적 표현을 위한 이탤릭체표현

36.<cite>내용</cite>

관용적 표현을 위한 이탤릭체표현

37.<tt></tt>

타자체 courier체로 표현

38.<code>내용</code>

타자체 courier체로 표현

39.<samp>내용</samp>

타자체 courier체로 표현

40.<kbd>내용</kbd>

타자체 courier체로 표현




'Study 3 > IT 팁' 카테고리의 다른 글

네이버 카페 탈퇴후 내가쓴 게시물 및 댓글 삭제방법  (0) 2020.03.16
html 언어의 기본구조  (0) 2020.03.16
html 태그사전  (0) 2020.03.16
CSS란?  (0) 2020.03.16
인터넷에서 hwp 파일 열어보기  (0) 2020.03.16

댓글