Semantic adj. 의미가 통하는 HTML의 tag는 그 이름만 봐도 의미를 알 수 있다. ex, : paragraph(단락) : anchor(닻을 내리다, 머무르다) 예제(전체 코드) Dream Jeju 단체 여행 맞춤 여행 갤러리 문의하기 몸과 마음이 치유되는 섬 쉼(Healing)의 공간으로 안내합니다 탁 트인 바다, 시원한 바람에 몸을 맡기고 뚜벅뚜벅 오름을 오르고 올렛길을 걷다보면 온전히 나에게 집중할 수 있습니다. 상세 일정 여행 기간 : 2박 3일 여행 일정 : (여행 일정은 상담을 통해 결정 및 조정 가능합니다) 다양한 액티비티가 기다리는 섬 모험과 스릴이 넘치는 레저의 천국으로 안내합니다. 둘러보기만 하는 여행을 하셨나요? 하늘을 날며 시원한 바다를 내려다보는 패러글라이등과 투명한 ..

HTML 작성할 때 Visual Studio Cod같은 프로그램 쓰는 이유! 1. 오타 방지 2. 열림 tag 써놓고 닫힘 tag 누락되는 것 방지 → 꺾쇠 닫으면 자동으로 닫힘 tag까지 생김!!

HTML의 구조 : 현재 문서가 HTML5 규칙을 따른 웹 문서임. ㅇㅇ.. ~ : 웹 문서의 시작&끝. web browser는 이 안의 code를 읽어서 화면에 표시함. : web browser가 웹 문서를 해석할 때 필요한 정보 ~ : 실제로 web browser가 화면에 띄워주는 내용 ※ 영어 대문자, 소문자 구분 안 해도 됨. 강조하고 싶을 때 대문자 씀. html tag에서 사용 언어를 표시하는 이유는 무엇이냐! → 검색 사이트에서 특정 언어로 제한해서 검색할 때 필요함. → screen reader(화면 낭독기)로 웹 문서를 소리 내서 읽어줄 때 발음, 억양, 목소리를 다르게 할 수 있음. (이거.... 필요해....?) 의 하위 tag - 자주 쓰는 와 meta information: dat..

책에서 제시해준 하루 학습량 내 맘대로 넘겨버리기..ㅎㅎㅎ 앞엔 쉽잖아! HTML 일명 웹 문서를 만드는 언어 = HyperText Markup Language HyperText: 문서를 서로 연결해주는 link Markup: (내용을 보여주는 text, image, 영상 등의 위치를) 표시한다. 웹 문서는 Excel(.xls), Word(.doc)과 달리 입력하는 프로그램과 그 내용을 확인하는 프로그램이 같지 않다! → 그래서 Markup 형식으로 제목, 텍스트, 표 등등을 구별할 수 있도록 표시해주는 꼬리표가 있다. 이게 tag!

Web Browser 개발자가 작성한 문서를 화면에 나타내는 프로그램. ex, Google Chrome, Microsoft Edge, Mozilla Firefox Web Editor 웹문서 만들 HTML tag, CSS, JAVASCRIPT source(=code) 입력하는 프로그램. ex, Visual Studio Code, JSFiddle, Codepen - Visual Studio Cod https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web an..

Front-end 영역을 전문으로 하든, Back-end 영역을 전문으로 하든 1. HTML 2. CSS 3. JAVASCRIPT 4. GIT/GITHUB 얘네는 기본적으로 다룰 줄 알아야 함. 이 책 끝나면 GIT/GITHUB 공부 가즈아!ㅎㅎ 아직은 내가 front-end에 관심이 있는지 back-end에 관심이 있는지 모르겠지만 하다 보면 취향을 알게 되겠지?? 그럼 위의 저 4개 공부하고 나서 front-end 쪽을 공부할지 back-end 쪽을 공부할지는 나중에 결정하자! HTML, CSS & JAVASCRIPT HTML은 뼈대, CSS는 거기다 붙이는 살, 움직임을 주는 JAVASCRIPT! 그렇대..ㅎㅎ... GIT & GITHUB source(=code)는 계속 수정, 저장, 관리가 되어야..