LearnFit
YouTube, HTML 기초, React 할때 꼭 필요한 팁! 쉽다고 무시하면 안돼요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript
HTML 기초, React 할때 꼭 필요한 팁! 쉽다고 무시하면 안돼요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript
#전체
#개발자
#프론트엔드
#프론트엔드
#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기초문법
#css
#프로그래밍 독학
#프로그래밍 공부
#코딩 공부
00:57HTML이란?
02:37HTML 문서의 예시
04:22HTML 구조에 대한 설명
07:11HTML 코드로 작성한 내용이 브라우저에서 보여질 수 있는 이유
08:22head 태그에 대한 설명
09:27HTML에 대해 설명한 내용 정리
10:09W3C에서 지원가능한 정의된 HTML 태그들을 확인하는 곳
MDN 사이트 (아래 링크를 참고하세요)
https://developer.mozilla.org/en-US/docs/Web/HTML
12:55브라우저에서 호환가능한 HTML 태그를 확인하기 :
어떤 태그가 모든 브라우저에서 호환 가능한지 확인하고 사용해야됨
13:50현재는 사용을 권장하지 않는 HTML 태그들
15:21내가 사용한 html 태그가 유효한 건지 확인할 수 있는 사이트 :
https://validator.w3.org/
16:33영상에서 설명하는 웹사이트 구조를 배울 수 있는 링크 :
https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure
18:14웹사이트를 박스 단위로 구조적으로 분석하는 방법을 'Naver' 웹사이트를 예시로 설명
22:5118:14 부터 영상에서 설명한 박스 단위로 웹 페이지를 분석하는 방법을 적용해서 위키피디아 웹 페이지를 여러분도 분석해봅시다.
23:02이후 내용은 생략해도 좋습니다.
✔ 학습 완료
👋 다양한 인사이트를
읽어보고 계신가요?
나만의 학습 기록을 남기고,
관리하고 싶다면!
다양한 전문가의 멤버십 전용
콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고,
수익을 올리고 싶다면!
3초 회원가입/로그인으로,
런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기