[3강] HTML 태그 배우기

[3강] HTML 태그 배우기




자주 쓰이는 html 태그에 대해 배웁니다. 배웠던 태그에 대해 자세히 알고 싶은 경우 구글에서 태그명 tag 혹은 <태그명> 태그 와 같은 식으로 검색하면 태그에 대해 정보를 확인 할 수 있습니다. 새로운 태그를 알고 싶을 때도 마찬가지로 검색해서 찾아보시면 됩니다. 다만 한글 자료를 찾아서 확인하게 될 경우엔 작성된 일자를 꼭 확인하시고 오래된 문서일 경우에는 보다 최신 문서를 다시한번 검색해 보시길 바랍니다.  가장 확실하게 html의 최신 정보를 확인 할 수 있는 곳은 https://www.w3schools.com/ 을 추천드립니다.

태그의 속성 같은 경우도 태그 + 속성 등의 검색어로 검색할 수 있으나 위와 마찬가지로 작성일자를 주의해서 확인하시길 바랍니다. 영상에서 설명하고 있는 태그들을 구구단 외우듯이 외울 필요가 전혀 없고 어느정도 이해만 하시고 하나씩 하나씩 수정하시다 보면 저절로 머리속에 들어오게 될 겁니다!

본 강의에서는 HTML 의 효용에 대해서 의문이 들지만 다음 강의부터 배우게 될 CSS와 함께한다면 어메이징 한 경험을 하게 될 겁니다!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    <HTML> //HTML 문서를 시작하는 부분
        <head></head> //사이트의 외부 문서를 불러오거나 정의하는 부분
        <body> //body 시작 실제 눈에 보이는 데이터가 들어가는 부분
          <header></header> //보통 네비게이션, 메뉴 등 넣는 최상단 정보
          <div></div> //문서의 레이아웃을 잡는 태그
          <h1></h1> //제목 태그 ~ h6
          <p></p> //단락을 만드는 태그
          <span></span> //단순히 글자를 넣는 태그
          <stron></stron> //굵은 글씨 태그
          <b></b> //굵은 글씨 태그
          <img src=“” alt=“”> //이미지 불러오는 태그
          <a href=“”></a> //링크 거는 태그
          <i></i> //이탤릭 태그
          <footer></footer> //보통 사이트의 정보, 사업자 정보 등을 넣는 최하단 정보
        </body> //body 닫기
      </HTML> //HTML 문서를 닫는 부분
cs

2 comments

Leave a comment
  1. ^_^

    2017년 8월 27일 at 2:30 오후

    역시 이 강의도 정말 좋네요 ㅠㅠ 많은 도움 받고 있습니다 감사합니다

  2. jm joh

    2018년 2월 16일 at 12:31 오전

    Really good lecture! Thumbs up!

Leave a Comment

카카오 챗봇
공지사항
문의하기
  • 챗봇의 종류를 소개합니다.
    챗봇 종류
  • WPTEAM 사이트
  • PC 전용 서브 타이틀
    API형
  • 아이템 VIEW 설정
  • PC 카카오 전용 공지사항
  • PC VIEW 설정
  • 이미지형 답변
  • 메시지 종합형 답변
  • 버튼형
  • 라벨형 답변
  • 공지사항
    공지사항을 확인하세요!
    전체 PC 카카오톡 Mobile 카카오톡 의미없는 카테고리
    thumbnail

    현재 모바일의 카카오톡 모드

    2018-04-20 15:17:12
    현재 모바일 카카오톡 스마트 채팅의 경우 버튼형으로 테스트 진행하고 있으며, 얼마간의 테스트 이후 API형으로 변경 할 예정입니다.
    thumbnail

    현재 PC의 카카오톡 모드

    2018-04-20 15:16:10
    버튼형으로 설정되어 있는 상태이며, 각 키워드에 따른 그룹을 보여줍니다. 버튼형 테스트 이후 API형으로 변경 할 예정입니다.
    thumbnail

    안녕하세요. WPTEAM KAKAO CHAT BOT 플러그인 베타 테스트를 진행합니다.

    2018-04-20 15:14:55
    카카오톡 스마트 채팅 기능을 이용해 워드프레스 사이트에 원클릭 설치 및 이용 할 수 있는 카카오톡 챗봇을 개발하였습니다. 현재 WPTEAM 사이트 내에서 베타 테스트를 진행합니다. 관심 있으신 분들은 테스트해보세요~ 감사합니다.
    문의하기
    궁금한 사항을 문의주세요.

    도움이 필요하다면 언제라도 문의주세요.

    WPTEAM은 남들이 싫어하는 코드 분석, 유지보수를 즐깁니다. 코드가 길다면 보다 많은 시간이 걸리고 고된 것은 사실이나 그것을 그것 나름대로 즐길 줄 아는 코더입니다.

    우리가 할 수 있는 것들

    • 테마 자체 제작이 가능합니다. 원하는 기능이 무엇인가요? 저희는 워드프레스 REST API, 다음 맵, 구글 맵, 네이버 맵, 다음 주소, firebase 와 워드프레스 연동, 워드프레스 앱 만들기, hipchat api, cafe24 sms, 넥스모 sms, 페이팔, 이니시스, 스트라이프, 역경매, 실시간 채팅 등을 워드프레스로 제작해 보았습니다.
    • 어떠한 오류라도 해결해 드리겠습니다. 만들어진 테마에 오류가 생겼다면 문의주세요. 저희가 해결해드립니다.
    • 앱을 제작해드립니다. 단순 패키징 뿐만아니라 REST API를 이용해 PC와 데이터가 완벽하게 연동되는 앱을 만들어 드릴 수 있습니다.
    • 설계부터 함께 해드립니다. 프로젝트의 설계가 부족하다면 얼마든지 도와드릴 수 있습니다. 스토리 보드는 저희가 가장 잘 만드는 것들 중 하나입니다.

    감사합니다!

    언제라도 문의 주세요. WPTEAM mins9919@naver.com  
    카카오 챗봇
    질문을 제게 알려주세요.
    전송
    ← 뒤로가기