빠르게 훑는 HTML + CSS 기초

웹 퍼블리셔가 많이 사용하는
HTML, CSS의 핵심기술을 배워보세요!

웹 퍼블리셔가
되고 싶으신가요?

HTML과 CSS에 대해 공부하고 싶으신가요? 그런 분들께 저의 지식을 공유해드리고 함께 나아가기 위해 강의를 제작했습니다. 웹 퍼블리셔가 되기 위해 알고 있어야 하는 HTML과 CSS의 기초를 다지는 이 강의를 듣고 스스로의 능력을 향상시켜 보세요! 

---

이런 분들께 추천드려요.

✅ HTML과 CSS의 기초를 다지고 싶으신 분
✅ 웹 퍼블리셔로 취업하고 싶으신 분
✅ 다양한 예제로 배운 내용을 응용해보고 싶으신 분
✅ 수동적인 강의가 아닌 능동적인 강의를 듣고 싶으신 분

---

이론은 이제 그만!

커리큘럼마다 속해있는 다양한 예제를 만들어보며 HTML 태그와 CSS 스타일링을 더 재밌게 공부할 수 있습니다. 어렵지 않습니다! 초급자의 눈높이에 맞춰 제작된 강의로 어렵지 않게 학습할 수 있습니다. 강의를 들은 후 여러 디자인을 코딩할 수 있는 능력을 길러보세요!

---

학습 내용 📚

• div 태그 개념 설명
• div 태그로 알아보는 position
• div 태그로 알아보는 flex box
• span, p 태그 개념 설명
• span, p 태그로 알아보는 font style
• a 태그 개념 설명
• a 태그로 알아보는 hover 효과
• ul 태그 개념 설명
• table 태그 개념 설명
• input 태그 개념 설명

 

✅ 예제 1 - 영화 리뷰창 만들기
div, span, p 태그를 이용하여 영화 리뷰창을 만들어봅시다.

✅ 예제 2 - 회원가입 폼 만들기
table, input 태그를 이용하여 회원가입 폼을 만들어봅시다.

✅ 예제 3 - 서브 메뉴가 있는 메뉴바 만들기
a, ul 태그 등을 이용하여 메뉴바를 만들어봅시다.

✅ 예제 4 - 로그인 화면 만들기
배운 태그들을 이용하여 실무에서 많이 만드는 로그인 화면을 만들어봅시다.

✅ 예제 5 - 상품리스트 만들기
배운 태그들을 이용하여 상품 리스트를 만들어봅시다.

---

안녕하세요, 김현진입니다 ✒️

안녕하세요, 웹 퍼블리셔 김현진입니다.
현재 웹 퍼블리셔로 근무하면서 여러 스킬들을 쌓고 있고 4년간 관련 전공 지식을 습득하며 저만의 스타일을 갖춰왔습니다. 또한 지금은 지식공유자로 여러분께 지식을 공유해드리는 일까지 하고 있습니다.

---

예상 질문 Q&A 💬