안녕안녕!

오늘은 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!

 

  1. Favicon of https://muduki.tistory.com BlogIcon 무두기 2020.02.10 11:24 신고

    또 배워가요. 이번거는 좀 쉽게 할 수 있겠네요. ㅋㅋ

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.10 11:28 신고

      ㅋㅋㅋㅋ저의 모토는 심플이즈 베스트인데.. 이 바닥이 그게 어렵네요 ㅋㅋㅋ

  2. Favicon of https://jinaroa.tistory.com BlogIcon 지나로아 2020.02.10 12:20 신고

    너무 어렵지만,,,, 조금씩 하면서 익혀가는 수밖에는 없는 것 같아요 ㅠ
    좋은 정보 감사합니다.

  3. Favicon of https://jae-jae.tistory.com BlogIcon Riki 2020.02.10 12:50 신고

    html 배워두면 티스토리에도 쓸곳이 있어서 유용한것같애요

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.10 13:06 신고

      맞습니다! ㅎㅎ HTML/CSS 활용할줄 안다면 티스토리에서 유용할것같더라구요 : ) 더 좋은 자료 많이 올릴게요! ㅎㅎ

  4. 와 안그래도 머리아팠었는데 너무감사해요! ㅎ

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.10 15:25 신고

      더 좋은 내용 많이 올리겠습니다 항상 감사합니다 남자님 : )

  5. Favicon of https://stop-silver.tistory.com BlogIcon 다운희 2020.02.11 00:01 신고

    너무 좋네요..맨날 들어올게요👍🏻

  6. 알 수 없는 사용자 2020.02.18 12:25

    좋은 글 너무 많네요 ㅎㅎ
    자주 보러 올게요!

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.18 12:46 신고

      감사합니다 케익님😄😄 저도 자주 놀러갈게요 우리 소통 많이해요!ㅎㅎ