웹개발 한 번 해보겠습니다..

4-1. 동영상을 출력하는 태그 - video 웹사이트에서 비디오를 출력해주는 태그이다. - video 태그의 속성 src : 사운드 파일이 저장되어 있는 경로의 주소를 넣어준다. autoplay : 자동 재생 여부 설정 loop : 반복 재생 여부 설정 controls : 컨트롤러 추가 여부 설정 하지만.. video 태그보다는 iframe 태그를 이용한 youtube 영상 업로드를 더 많이 쓸듯하다.. - iframe 태그 : 웹페이지 안에 다른 웹페이지를 표출하는 태그 유튜브 동영상에서 우클릭하고 '소스 코드 복사' 클릭 4-2. 폼 태그 - form, input, label 중요!! 회원가입과 같은 사용자의 입력을 필요로 할 때 사용된다. form 태그 - form 태그의 속성 action : 폼..

3-1. 리스트 태그 - ul, ol, li 리스트를 표현하는 가장 많이 사용되고 있는 태그 수평 구조일 때도 ol 태그와 ul 태그 사용이 가능하다. - ul 태그 : unordered list, 번호없이 리스트를 나열한다. - ol 태그 : ordered list, 번호를 붙여서 리스트를 나열한다. - li 태그 : list의 항목 각각을 나타낸다. menu1 menu2 menu3 menu4 menu5 서울 경기 충청 전라 경상 강원 3-2. 표를 나타내는 태그 - table 표 형식의 레이아웃을 만드는 태그이다. 현재는 잘 사용하지 않는다고 한다. 다음과 같이 사용한다. 1행1열 1행2열 1행3열 1행4열 2행2열 2행3열 2행4열 3행1열 3행3열 3행4열 3-3. 이미지를 나타내는 태그 - im..

2-1. 태그란? 태그는 HTML문서를 구성하고 있는 요소이다. 태그에는 이름과 속성이 있다. 다음은 다양한 태그의 예시이다. 1. HTML 1주차에는 HTML을 배웁니다. 2. CSS HTML과 더불어 CSS도 1주차에 배웁니다. 3. PYTHON 2주차에는 PYTHON을 배웁니다. 4. DJANGO 3주차에는 DJANGO을 배웁니다. 5. TEAM PROJECT 4주차부터는 TEAM PROJECT를 합니다. 2-2. HTML 태그 HTML 태그는 크게 head 태그와 body태그로 나누어져 있다. head 태그에는 설정값들이 들어가고, body 태그에는 정보전달이 들어간다. 다음은 1강 게시물에 예시로 올렸던 코드이다. 안녕하세요. 처음 입니다. Hello World! 2-3. 기본적인 태그들 예외가..

1-1. Web이란? 사전적인 의미는 거미줄이고 IT에서는 WWW (World Wide Web)의 줄임말로 사용한다. 목적은 전 세계의 컴퓨터들을 연결하여 정보 공유를 하는데에 있다. 여러 컴퓨터들이 연결되어 있는 상태를 네트워크에 연결되어 있다고 한다. 보통은 1개 이상의 사이트가 연결되어있는 인터넷 서비스의 한가지 형태를 말한다. 인터넷이란 1개 이상의 네트워크가 연결되어 있는 형태이다. 관련용어 -프로토콜(Protocol) : 네트워크상에서 약속한 통신규약 (Http, FTP, SMTP, POP, DHCP) -IP : 네트워크상에서 컴퓨터를 식별할 수 있는 주소 -DNS : IP주소를 인간이 쉽게 외우도록 맵핑한 문자열 -Port : 해당컴퓨터의 구동되고 있는 프로그램을 구분할 수 있는 번호 1-2..

이번 겨울 방학에 피로그래밍이라는 웹개발 동아리에서 활동을 하게 되었다. 복습도 할 겸 블로그에 정리를 해봐야겠다. 1주차에는 인프런 강좌를 들으며 HTML과 CSS에 대해 배웠다. 인프런 강좌 링크 : https://www.inflearn.com/course/html-css-%EA%B0%95%EC%A2%8C# 실전 HTML & CSS 강좌