webservice_basics

HTML Layout Elements Cities London Paris Tokyo London London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. Footer

: 영상을 삽입 할 때 사용한다 controls: 영상 조작 설정을 추가한다 (재생, 정지, 볼륨) width & height autoplay Your browser does not support HTML video. Your browser does not support the audio element. 다른 html 문서나 이미지를 삽입하는 것이 가능하다 HTML YouTube videos autoplay (0: 자동 재생하지 않음, 1: 자동 재생함) loop (0: 한번만 재생, 1: 무한반복) controls (0: 재생버튼 등의 조작 버튼이 안 보인다, 1: 재생 버튼과 다른 조작 버튼이 보인다)

HTML Canvas란? 태그를 그래픽을 그리는데에 사용된다. 기본 값은 테두리와 내용이 없다. id를 꼭 설정해주도록 하자. 대각선 그리기 원 그리기 문구 그리기 테두리만 있는 문구(Stroke text) 그리기 Linear Gradient 그리기 Circular gradient 그리기 이미지 그리기 Image to use: Your browser does not support the THML canvas tag Try it HTML SVG Graphics SVG(Scalable Vector Graphics)는 벡터 그래픽을 표현할때 사용되며, 확대해도 화질이 깨지지 않는 특징을 가지고 있다. 태그를 이용해서 표현한다. SVG 원 Sorry, your browser does not support inl..

HTML Forms 중요한 개념이니 잘 알아두도록 하자! HTML Forms는 클라이언트가 서버에게 데이터를 보낼 때 사용된다. 사용자의 입력을 받아온 뒤 서버에서 본격적으로 back-end 작업을 하게 된다. : 사용자의 입력을 받아올 form을 만들때 쓰이는 element이다 : form에서 가장 중요한 element이다. 형식은 인데, type 다음으로 뭐가 나오는지에 따라 다양하게 쓰인다. id: id라는 속성은 css를 이용해 스타일을 매길 때 사용할 수 있고, javascript를 통해서 유효성 검사를 하고자 랄 때에도 사용될 수 있다. value: default 값을 지정해주는 속성이다. 예) 의 경우에는 textbox 상자 안에 "Harry" 라는 이름이 defualt으로 적혀있다. Typ..

HTML 링크는 hyperlinks이다. 링크는 웹에서 마우스 클릭만으로 한 페이지에서 다른 페이지로 넘어갈 수 있도록 해준다. : 링크를 정의할 때 사용하는 태그 href: 링크의 주소를 정의할 때 사용하는 attribute 를 태그 안에서 사용해 이미지에 링크를 건다 mailto: scheme을 href attribute 안에서 사용해서 이메일 프로그램을 여는 링크를 만들 수 있다 Send email 기본 문법 Visit W3Schools.com! 링크 기본 설정 (CSS를 이용해서 재조정하는 것도 가능한다) unvisited link visited link active link 추가적인 attribute target: 문서를 어디서 여는지 명시해준다 _self: 기본설정, 문서가 열렸던 같은 win..

CSS(Cascading Style Sheets)는 웹 페이지를 꾸밀 때 사용한다. Cascading 상ㅔ 있는 element에 적용된 결과가 그 상위 element에 속해 있는 모든 element에게 영향을 끼치기 때문에 같은 설정을 원하지 않을때는 값을 지정해주도록 해야한다. CSS가 HTML문서에 적용되려면? Inline: HTML element 안에서 style attribute를 사용하는 것 하나의 HTML element를 꾸밀때 사용된다 ex: Blue heading Internal: element를 External: element를 external CSS 파일에 링크를 거는 것 body { background-color: powderblue; } h1 { color: blue; } p { c..

Formatting : 굵게 : 중요한 문서, 굵게 나타낸다 : 기울임꼴 : 강조된 텍스트, 기울임꼴로 나타낸다 : 형광바탕으로 나타나는 텍스트 : 글씨 크기가 기본본다 작은 텍스트 : 삭제된 텍스트, 취소선으로 나타낸다 : 삽입된 텍스트, 밑줄로 나타낸다 : subscript 텍스트, 원래 텍스트보다 아래에 있는 텍스트 (아래 사진 참고) : superscript 텍스트, 원래 텍스트보다 위에 있는 텍스트 (아래 사진 참고) Quotation and Citation : 다른 source에서 가져온 인용문인다 : 짧은 인용문, 쌍따옴표를 삽입해준다 : 약자(abbreviation)을 나타낼 때 사용한다 : 연락 정보를 명시할 때 사용한다(email주소, url, 주소, 전화번호, sns 계정 등...) ..

Heading 웹 페이지에 제목을 나타낸다. 태그부터 태그까지 있으며 h 뒤에 숫자가 커질수록 중요도가 낮아진다(글자 크기가 줄어든다) This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 Heading은 기본 글자 크기가 정해져 있지만 style을 이용해 사이즈를 변경할 수도 있다. Paragraphs 태그를 사용한다. 항상 새로운 줄에서 시작한다. HTML Display 추가적인 공백은 브라우저가 자동으로 제거해서 화면에 나타낸다. , , 태그 : 내용을 분리할 때 사용된다, 수평선을 화면에 나타낸다 empty tag이기 때문에 end tag가 없다 : 새로운 줄..