본문 바로가기

Web

(3)
웹 문서에 다양한 내용 입력하기 Tags 들어갈 텍스트 ~ 들어갈 텍스트 ⇒ 제목을 표현할 수 있음, 은 가장 큰 제목부터 의 가장 작은 제목까지 들어갈 텍스트> ⇒한 글의 단락 들어갈 텍스트 ⇒ 글자를 기울여서 강조 들어갈 텍스트 ⇒ 글자를 진하게 강조 ⇒줄 바꿈 ⇒ 밑줄 들어갈 텍스트 ⇒ 글자를 단순히 굵게 표시( 태그처럼 강조의 의미는 X) ⇒ 글자를 단순히 굵게 표시할 목적이라면 태그보다 CSS를 사용하는 것이 좋음 첫 번째 항목 두 번째 항목 ⇒ 순서가 있는 리스트(기본은 1,2,3 …이지만, 으로 쓰면 a,b,c …로 됨) 첫 번째 항목 두 번째 항목 ⇒ 순서가 없는 리스트, 점으로 표시 표 만들기 ⇒ 표 전체 : ⇒ 표 제목 ⇒ 행 ⇒ 셀 ⇒ 제목 셀 단 테두리가 없기 때문에 부분에 밑에 코드를 추가해야 한다. ⇒ 이미지를..
HTML 기본 문서 만들기 https://www.youtube.com/watch?v=EWwox4sGuVg&list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is&index=4 위 영상을 보고 작성한 글입니다. HTML ⇒ HyperText(웹에서 자유롭게 오갈 수 있는 링크)Mark(텍스트뿐만 아니라, 이미지, 영상 등을 표시함, 마크업에 사용하는 꼬리표를 tag라고 함)Lanaguage 즉 HTML은 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어 HTML 문서의 기본 구조 : 현재 문서가 HTML5 언어로 작성한 웹 문서다. ~: 웹 문서의 시작의 끝을 나타내는 태그, 태그부터 까지의 소스를 읽어 화면에 표시 ⇒ 로 써 한국어로 작성하였다고 할 수 있음 : 웹 브라우저가 웹 문서를 해석하는 데 필요한 정보..
웹 개발 시작하기 https://www.youtube.com/watch?v=XdFWx0lO5B4&list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is&index=1 위 영상을 보고 작성한 글입니다. 웹 개발 ⇒ 사용자에게 제공할 기능 + 서비스 클라이언트 vs 서버 프런트엔드 개발(클라이언트) ⇒ 웹 브라우저 화면에 보이는 부분을 다룸 → 웹 사이트 제작 ⇒ HTML, CSS, 자바스크립트 사용 백엔드 개발(서버) ⇒ 사용자 뒤(back)에서 보이지 않는 영역, 즉 서버를 다룸 ⇒ 데이터베이스를 설계하거나 데이터 처리 ⇒ 자바, PHP, 파이썬 등 프로그래밍 언어 사용 → 프런트엔드를 배울거임 웹 개발의 기본 HTML ⇒ 웹 문서의 뼈대를 만듬 CSS ⇒ 웹 문서를 꾸밈 JS ⇒ 사용자 동작에 반응