러닝패스
HTML 기본과 중요 포인트
무료
HTML은 웹페이지를 기술하기 위한 마크업 언어로, 태그 등을 이용하여 문서나 데이터의 구조를 표현하는 언어입니다. 즉, 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이죠.
본 러닝패스를 통해 실제로 웹페이지에서 사용되는 태그들에는 어떤 것이 있고 문법은 어떻게 이루어져 있는지 살펴보도록 해요.
또한 같아 보이는 두 개의 정적 페이지도 서로 다른 태그로 페이지의 정보 구조가 표현되어있을 수 있기 때문에 어디에서 어떤 태그를 써야 더 바람직한 지에 대해서도 함께 알아봅시다.
큐레이터의 노트 소개
HTML에서 중요한 시맨틱 태그들, 많은 사람들이 헷갈려하는 여러 태그들 간의 차이점에 대해 이번 학습노트를 통해 확실히 잡아보겠습니다.
테크주니어 님의 학습노트
학습노트 제목: HTML 태그들, 헷갈리는거 정리해 보았다 🥳 (시맨틱 태그, 중요한 태그들 모음)
Video
HTML 태그들, 헷갈리는거 정리해 보았다 🥳 (시맨틱 태그, 중요한 태그들 모음)
출처: https://youtu.be/T7h8O7dpJIg
#전체 #개발자 #프론트엔드 #프론트엔드 #HTML #CSS #React #개발자 #코딩 #코딩 독학 #코딩 입문 #웹개발 #웹퍼블리셔 #웹 포트폴리오 #웹사이트 만들기 #프론트엔드 공부 #프론트엔드 튜토리얼 #프론트엔드 개발 #비전공개발자 #웹개발자 #프론트엔드 개발 공부 #코딩 기초 #웹사이트 만드는법 #앱 만드는법 #안드로이드 #프론트엔드 개발자 #HTML 기초 #HTML 강의 #HTML 자료 #웹 개발 #CSS 기초 #CSS 강의 #HTML 태그 #HTML 태그 종류 #html #html강좌 #html강의 #html태그 #html웹표준 #html5.0 #html인강 #html교육 #html배우기 #html문법 #html기초 #html기본문법 #html편집기 #html이미지삽입 #html링크 #html css #html파일열기 #html5 #html홈페이지 #html홈페이지만들기 #html5웹표준강의 #html웹표준강좌 #html기초문법 #프론트엔드 공부순서 #웹사이트 만들기 html #웹사이트 만들기 코딩
큐레이터의 퀴즈
여러분은 프론트엔드 개발자로서 아래 사진과 같은 '구독하기' 버튼을 구현 해야합니다. 이 경우, <button> 태그와 <a> 태그 중 어떤 태그를 사용하는 것이 더 바람직할까요?
이 러닝패스가 어땠나요?
(내 보관함에서 다시 볼 수 있어요)
👋 다양한 인사이트를
읽어보고 계신가요?
나만의 학습 기록을 남기고,
관리하고 싶다면!
다양한 전문가의 멤버십 전용
콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고,
수익을 올리고 싶다면!
3초 회원가입/로그인으로,
런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기