뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: 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:18이전 학습노트에서 배운 중요포인트 복습 이전학습노트 링크: https://lab.learnfit.ai/note/lBJ43G5hAZ/Ii1rr4uw3C
01:57HTML 태그를 2가지로 분류
07:44HTML 태그를 구성하는 요소
09:22Box와 Item에 대한 설명
10:28<a> anchortag에 대한 설명
11:51Block level과 Inline level에 대한 설명
13:34List를 만들 때 사용하는 ol, ul, li 태그에 대한 설명
16:14사용자로부터 입력 데이터를 받을 수 있는 Input과 label 태그에 대한 설명
18:35다양한 HTML 태그들에 대한 정보는 아래 링크를 참고해주세요. https://developer.mozilla.org/ko/docs/Web/HTML/Element
18:49이전 학습노트에서 웹페이지를 구조적으로 나누어 보는 법을 NAVER를 예제로 다뤘습니다. 이번에는 구독자분들이 직접 위키피디아 페이지를 지난 학습노트에서 설명했던 박스모델을 통해 나누어보는 실습을 해볼게요. 위키피디아 링크 : https://en.wikipedia.org/wiki/HTML 지난 학습노트 링크 : https://lab.learnfit.ai/note/lBJ43G5hAZ/Ii1rr4uw3C
21:55이후는 생략해도 좋습니다.
✔ 학습 완료

이 학습노트가 포함된 러닝패스예요.

테크주니어님의 다른 노트는 어때요?

테크주니어의 프로필 이미지
테크주니어
의 학습노트

CSS 강의 Ep05_2 - Box Model | border | 웹 개발 입문 | 함께 웹 개발에 입문해 보는건 어떨까요?

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
11
00:18
Border에 대한 개념적 설명 : border는 HTML 요소의 테두리를 설정
00:33
Border의 속성 'border-style'에 대한 설명
👍
5
스크랩
테크주니어의 프로필 이미지
테크주니어
의 학습노트

CSS Tutorial For Beginners 42 - Width & Height

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
4
00:39
width, height 설명을 위한 예제 코드에 대한 설명
01:51
'px'(본 강의에서는 static width로 표현)로 block level 엘리먼트에 width, height 값을 적용
👍
1
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기