러닝패스

HTML 기본과 중요 포인트

무료
핵심 콘텐츠만 선별했어요!
5개 콘텐츠
이 러닝패스가 어떠신가요?
(내 보관함에서 다시 볼 수 있어요)
HTML은 웹페이지를 기술하기 위한 마크업 언어로, 태그 등을 이용하여 문서나 데이터의 구조를 표현하는 언어입니다. 즉, 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이죠. 본 러닝패스를 통해 실제로 웹페이지에서 사용되는 태그들에는 어떤 것이 있고 문법은 어떻게 이루어져 있는지 살펴보도록 해요. 또한 같아 보이는 두 개의 정적 페이지도 서로 다른 태그로 페이지의 정보 구조가 표현되어있을 수 있기 때문에 어디에서 어떤 태그를 써야 더 바람직한 지에 대해서도 함께 알아봅시다.
NOTE
더 다양한 HTML 태그에 대해 알아보고, 박스모델을 통해 웹사이트를 직접 분석해보는 실습을 진행합니다.
Video
HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript
출처: https://youtu.be/OoA70D2TE0A
테크주니어 님의 학습노트
NOTE
HTML에서 중요한 시맨틱 태그들, 많은 사람들이 헷갈려하는 여러 태그들 간의 차이점에 대해 이번 학습노트를 통해 확실히 잡아보겠습니다.
Video
HTML 태그들, 헷갈리는거 정리해 보았다 🥳 (시맨틱 태그, 중요한 태그들 모음)
출처: https://youtu.be/T7h8O7dpJIg
테크주니어 님의 학습노트
QUIZ
여러분은 프론트엔드 개발자로서 아래 사진과 같은 '구독하기' 버튼을 구현 해야합니다. 이 경우, <button> 태그와 <a> 태그 중 어떤 태그를 사용하는 것이 더 바람직할까요?
QUIZ
아래 사진과 같이, 단어들에 대한 설명이 묶여있는 정보를 화면에 보여주고자 할 때, 사용할 수 있는 가장 적절한 태그는 무엇일까요?
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기