반응형

 

안녕안녕!

오늘은 HTML태그들을 알아 볼까해

 

내가 차를 운전해야하는데

핸들은 뭐고, 악셀레이터는 뭐고, 브레이크는 뭐고, 기어는 뭔지 모르면

운전이 가능하겠어?

 

즉 각 이름과 기능들에 대해서 공부를 해볼까 해!

아주 까알끔하게 한번 가보자 이거야 

 

무도 조세호, 요즘 따라 보고 싶은 깔끔하게


우리가 자주보는 친구들일꺼야

언제? 포스팅 할때!

그리고 Word를 쓰거나

혹은 한글을 쓸때도 여기 나오는 기능들을 봤을것이야!

 

시작해 보자구


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>이건 사이트 탭 제목</title>  
  </head>
  <body>
  	<!-- 
    	h, p, hr(수평선긋기), br(줄바꿈), blockquote(인용문) 태그들은 줄바꿈이 적용됌
        strong, b, em, i, q, mark, span, small, sub, sup, s, u는 br/ 태그를 사용해야 줄바꿈이 됌!
    -->
    <h1> 제목1 h1 태그 </h1> 
    <h2> 제목2 h2 태그</h2>
    <h3> 제목3 h3 태그</h3>
    <h4> 제목4 h4 태그</h4>
    <h5> 제목5 h5>태그</h5>
    <h6> 제목6 h6 태그</h6>
    <p> 이건 내용에 쓰이지! p 태그</p>
    <strong> 강조 strong 태그 </strong><br/>
    <b>굵게 b 태그</b><br/>
    <em>강조하고자 하는 텍스트의이텔릭체적용 em태그!</em><br/>
    <i>이건 아싸리 이텔릭체 i태그!</i><br/>
    <mark>하이라이트 효과주기! mark</mark><br/>
    <span>줄바꿈이 없이 영역을 묶어주는 span 태그</span><br/>
    <small>자~~악게 표시 해주는 small 태그</small><br/>
   글자를 <sub>아래 첨자로 표시! sub 태그 </sub><br/>
   글자를 <sup>윗 첨자로 표시! sup 태그</sup><br/>
    <s>내가 중얼 거릴때 쓰는 취소선! s태그 </s><br/>
    <u>밑줄 팍 돼지꼬리 땡땡에서 밑줄! u태그 </u>
    <script src="script.js"></script>    
  </body>
</html>

 

"워~ 뭐가 더럽게 많네.. ㄷㄷ"

이러지마! ㅋㅋㅋ 그래서 내가 친절하게도 실행결과도 함께 가져왔어

 


어때 좀 이해가 갈것같아? ?

 

<body></body>

안에 들어가지!

 

어때? 좀 자주쓰는게있어?

이렇게 결과랑 함께보니까

편하지 않아? ㅎㅎ

 

간단해. <시작태그></끝태그>가 중요한데

 

이거 외우려하지마! 이해만해! 아아~ 이런게 있구나~

 

 


이것처럼 태그안에, 태그를 추가해서 사용도 가능해!

 

 

이게 응용하면 응용할 수록 다양한게 많이 나오고 즐겁거든!?

그러니까 한번 테스트 해보길바래! 

알았지 ?

 

텍스트 태그 중,

줄바꿈이 되는 친구 안되는 친구도 잘 구분해야해!


사실 개발자들도 다 외워두진 않아

 

대부분 구조를 이해해두고

필요할때는 무엇인지 개인적인 노트라던지

구글링을 통해서 필요한 부분만 찾아서 처리하거나

혹은 자주 쓰인다면 손가락이 기억할거야

 

아주 간단하고 깔끔하게

정리한다고 정리 해봤는데 어때?

 

한번 해봐도 좋을것같아! ㅎㅎ

 

그럼 즐거운 월요일이 되길바라!!

그럼 20000!

 

반응형