안녕하세요 조스 입니다 :)
요즘 코딩 공부에 푹- 빠져 지내느라 업데이트가 많이 지연되었습니다.
예전엔 사이트제작을 많이하여 HTML,CSS,JavaScript를 많이 사용해왔었는데, 사용이 최근에는 너무 뜸해지면서 이러다 나중엔 힘들어 지겠다. 생각이 들어 Tag(태그)를 좀 정리해 둘까해요.
물론 저를 위해서 하는것 이긴 하지만, 다른 분들도 보시면서 조금이나마 도움이 될 수 있었으면 좋겠습니다.
오늘은 HTML Tag 몇가지 정리를 할게요. 추후 CSS,파이썬 등 제가 사용하는 몇가지를 더 추가 하도록 할게요 ~
HTML Tag 모음
<html></html> html
<head></head> 헤더
<title></title> 페이지 제목
<meta> 메타 태그
<body></body> 바디
<h1></h1> 제목1
<h2></h2> 제목2
<h3></h3> 제목3
<h4></h4> 제목4
<h5></h5> 제목5
<h6></h6> 제목6
<br> 줄바꿈
<hr> 수평선
<strong></strong> 강조
<u></u> 밑줄
<b></b> 볼드체
<i></i> 기울임
<mark></mark> 마크(형광팬)
<sub></sub> 아랫첨자
<sup></sup> 윗첨자
<font></font> 폰트
<font face="글씨체" color="색상" size="크기"></font>
<div></div> 공간분할(Block level element)
<span></span> 공간분할(Inline element)
<p></p> 단락 지정
<a></a> 링크
<a herf="링크주소" target="새창" title="링크제목"></a>
<iframe></iframe> 동영상 등의 파일
<iframe src="파일 주소" width="가로" height="세로"><iframe>
<audio></audio> 오디오
<audio src="주소" controls="컨트롤러" autoplay="자동재생"></audio>
<style></style> CSS(꾸미기)
<img> 이미지
<img src="이미지주소" alt="텍스트" height="img세로사이즈" width="img가로사이즈">
<ol></ol> 목차리스트
<ol type="A">
<li>A.리스트</li>
<li>B.리스트</li>
<li>C.리스트</li>
-
-
</ol>
<ul></ul> · 목차리스트
<ul>
<li>· 리스트</li>
<li>· 리스트</li>
<li>· 리스트</li>
-
-
</ul>
<table></table> 표
<table>
<tr></tr>
<th>테이블 헤더</th>
<th>테이블 헤더</th>
<th>테이블 헤더</th>
<tr></tr>
<td></td>
<td></td>
<td></td>
<tr></tr>
</table>
현재 생각나는 HTML 태그 들 몇가지 쭉- 적어 보았어요.
이정도만 알아도 왠만한 사이트 만들기에는 충분할것 같네요
갑자기 생각나지 않거나 할때 찾아보면 도움이 되실거에요.
속성값 등을 좀 자세하게 알려드리고 싶지만 그렇게 하면 너무 너무 보기가 어려워지고 복잡할것 같아요.
나중에 어떻게 보여주기 조금 좋은 방식이 생각나면 다시 업로드 해보도록 하겠습니다.
오늘은 여기까지 할게요 !
Bye~
'노마드 라이프' 카테고리의 다른 글
| 이미지 깨짐 없는 깔끔한 ico 파일 파비콘 만들기 (0) | 2020.09.16 |
|---|
