Programming/Web Programming (2021) (23) 썸네일형 리스트형 [웹프로그래밍] 3. HTML 기본태그 1. HTML 기본 태그: , , 태그 태그 HTML 문서의 시작과 종료를 나타낸다 : 브라우저 상단 타이틀 정의 : 태그를 통해 언어설정, 호환성 설정 및 모바일 화면설정 SEO[Search Engine Optimization] 정보 제공 : HTML 메인 콘텐츠 영역 블록 태그 한줄에 여러 요소가 위치하지 못하는 태그 구성요소들이 라인 전체를 차지하는 태그 대표적으로 , , , ~ 태그 인라인 태그 태그 구성요소들이 나란히 배치될 수 있는 태그 대표적으로 , , 태그 2. 제목 태그 : 콘텐츠의 제목을 표시하는 태그 -> 콘텐츠의 제목이 순감하는 문서구조를 표현한다. 이 가장 큰 제목, 가 가장 작은 제목을 표현한다. 3. 문단 태그: 태그 : paragraph로 문단을 구분하기위해 사용한다. 태그:.. [웹프로그래밍 실습] 6. CSS 기초 1-2. CSS 작성과 실행 CSS Basic CSS Basic Example 1-3. CSS 포함방법 3가지 Inline stylesheet Embedded stylesheet External stylesheet .red{ color:red; } [웹프로그래밍] 6. CSS 기초 1. CSS [Cascading Style Sheet] HTML과 함께 웹을 구성하는 기본 프로그래밍 요소 웹 문서의 디자인 요소를 담당한다. HTML과 분리하여 정의가 가능하다 자바스크립트와 연계가 가능하고, 템플릿의 생성이 가능하다 [라이브러리 생성 -> 재활용 가능] 페이지 검사기능을 이용하면서 우선순위 확인을 해야한다. -> 웹 문서와 분리하여 디자인만 바꾸거나, 웹 내용만 수정할 수가 있다. -> 유지보수성 -> 다양한 디바이스에서 동적으로 바뀌는 디자인 -> 반응형 디자인 -> DOM [Document Obejct Model] -> 폭포수 모델 [부모-자식의 디자인 상속] [웹 디자인 도구 : SASS] 2. CSS 기본 문법 선택자 {속성:값; 속성:값....} h1 {color:red; f.. [웹프로그래밍 실습] 2. 월드와이드웹과 HTML 1-1) 웹페이지 요청하기와 소스 보기 1-2) HTML 기본문서 작성과 실행하기 example 1-2 example 1-2 2-1) 제목과 문단 태그 활용 example 2-1 html example hello world hello world hello world hello world hello world hello world 2-2) 텍스트 관련 태그 활용 bold text strong text italic text emphasized text mark text small text deleted text inserted text This is superscript text This is subscript text 2-3) 목록 만들기 Unordered List Coffee Tea Milk Ordere.. [웹프로그래밍] 2. 월드와이드웹과 HTML 웹 프로그래밍 구조 클라이언트 웹 서비스를 이용하는 사용자 서버 웹 서비스를 제공하는 서비스 공급자 프론트엔드 프로그래밍 [CSR; Client Side Rendering] 클라이언트 중심 프로그래밍 HTML, Javscript, CSS 백엔드 프로그래밍 [SSR; Server Side Rendering] 서버 구성하고 서비스 제공 중심 프로그래밍 웹서버SW, 웹 프레임워크, 데이터베이스 클라이언트 중심 프로그래밍 HTML 웹 문서의 구조를 정의하고 콘텐츠를 표현하는 마크업 언어 Hyper Text 링크가 포함된 텍스트 Markup Language 문서에 주석을 다는 시스템 CSS HTML 문서에 레이아웃과 디자인을 정의하기 위한 규격 HTML에서 내용과 구조를 정의하고 CSS에서 위치, 정렬 크기, 여.. [웹프로그래밍] 1. 개발환경 구축하기 많은 오픈소스 텍스트 에디터가 있지만 대표적으로 사용하는 에디터이다. 마이크로 소프트에서 만들었으며, 많은 확장 기능과 다양한 언어를 지원해 준 IDE로 자리매김했다. 사실 이전엔 Sublime TEXT를 사용했었는데 이번에 새로 사용 해보려고 한다. Sublime TEXT와의 비교 Sublime TEXT는 가볍다고 소문이 나있다. 하지만 sublime text는 유료다. (물론 라이센스 요구를 끄면 계속 무료로 쓸 수는 있긴 하다) Sublime TEXT는 패키지를 사용하기엔 불편한점이 있어서 초보자가 사용하기엔 VS Code가 편하다. !이후 엔터를 누르면 기본 소스코드가 작성된다. 웹 프로그래밍 공부하기 dinfree.com/ 짧고 굵게 배우는 프로그래밍 강좌 짧굵배, 짧고 굵게 배우기 홈페이지 입니다. 프로그래밍언어, 프론트엔드, 백엔드 등의 기초 강좌를 제공 합니다. dinfree.com www.youtube.com/channel/UCHE6UeezYOGL84zwJzqevgg 황희정짧굵배 짧고 굵게 배우기 유튜브 채널 입니다. 최대한 쉬우면서도 핵심개념에 대한 이해를 바탕으로 재미있게 스스로 프로그래밍 학습을 할 수 있도록 도와 드립니다. https://dinfree.com 을 방문해 주세요. www.youtube.com 이전 1 2 3 다음
