본문 바로가기

Web6

CSS 속성 - 폰트, 텍스트 스타일 [폰트] -폰트는 자손들에게 모두 영향을 미침 -폰트지정 : font-family , 기본서체 (serif(명조체), sans-serif(고딕체), monospace(타자기서체-가로세로간격같음))를 맨 마지막에 위치시키길 권장함 -웹폰트 등록 : @font-face로 원하는 폰트 생성, 폰트의 경로는 무조건 url(주소) 함수를 이용함 -폰트크기 : px(픽셀), pt(포인트 : 1포인트=70픽셀), %(150%=1.5배), em(5em=상위부모의 5배), rem(5rem=최상위기준의 5배 *권장) 사용 -볼드체, 이탤릭체 : 볼드(font-weight: bold;) / 이탤릭체 (font-style: italic;) -폰트축약형의 순서 : font: 폰트스타일(볼드체, 이탤릭체 순서는 상관없음) 폰트크.. 2022. 5. 19.
CSS 기능 (1) - 선택자 CSS(Cascading Style Sheets) : 문서의 스타일을 지정함 -선택자(selector){속성:값;} 으로 선택자의 스타일을 지정함 -CSS문서의 위치 : 외부스타일시트, 내부스타일시트, 인라인스타일시트 -외부스타일시트 : 따로 .css 문서를 만들어 html에서 link로 연결하여 사용 -내부스타일시트 : html문서 안에 태그문 사용 -인라인스타일시트 : html요소 안에 스타일 지정 -하나의 요소에 대하여 스타일을 서로 다르게 지정하고 있을 때 우선순위가 있음 -개별선택자가 --우선순위 (선택자 범위가 좁을수록 우선시됨) -클래스 선택자가 요소선택자보다 우선시 됨 [CSS3 기능] -선택자 -박스모델 -배경 및 경계선 -텍스트 효과 -2차원 및 3차원 변환 -애니메이션 -다중컬럼 레이.. 2022. 5. 19.
HTML5 (3) - form요소, PHP [form] : -앵커처럼 다른 문서가 실행되지만 데이터를 전달할 수 있음, 전달하려면 이동하기위한 별도의 input요소 필요 -전달방식은 method="get" , method="post" 가 있음 -get방식 : URL주소 뒤에 파라미터를 붙여서 데이터 전달, 데이터가 노출되어 위험하고 글자수 제약을 받음, 이미지 보내기 불가 -get방식을 쓰는 이유는 속도가 빠르고 북마크처럼 저장되어 있는 것을 읽어올 때 많이 사용 -post방식 : 데이터를 URL주소 뒤에 붙이지 않고 전송, 길이제한이 없고 보안이 유지됨, 이미지 보내기 가능 -전달하려면 별도의 input요소들이 필요함 -php를 작성하여 호스팅서버에 업로드 [get방식] -html -getTest.php [post방식] -html gender .. 2022. 5. 17.
HTML5 (2) *속성의 이름과 속성값이 같으면 속성값 생략가능 *inline요소 : 자동줄바꿈이 되지 않고, 한 줄에 적용해서 보여줌 *block요소 : 자동줄바꿈 [오디오] : *오디오 확장자 변경 사이트 : https://www.online-convert.com/ -하나의 요소안에 여러개의 속성 적용가능 -앤드테그가 없음, inline요소 -오디오 파일형식 중 특정 확장자(파일형식)가 특정 브라우저에서 지원되지 않을 수 있으므로 오디오태그 안에 태그문을 사용함 -필수속성 : 컨트롤박스 controls -속성 중 autoplay속성은 불필요한 속성이라 대부분 지원하지 않음 [비디오] : -오디오랑 비슷함 -앤드테그가 없음, inline요소 -source태그문 에서 type=MIME타입 사용(video/mp4) -MI.. 2022. 5. 11.
HTML5 (1) -완전한 CSS3 지원 -비디오와 오디오 지원 -2D/3D 그래픽 지원 -로컬 저장소 지원 -로컬 SQL 데이터베이스 지원 -웹 애플리케이션 지원 [텍스트] -특별한 태그없이 ... 안에서 표시할 수 있다. -html 밖에 글씨를 써도 인식하여 보여주지만 구분이 안 되므로 사용하지 않음. -단락을 생성하지 않으면 모든 텍스트가 연결되어서 하나의 긴 줄로 표시된다. -글씨 스타일색상 지정가능하지만 CSS에서 하는 것을 권장. [단락] : -단락(Paragraphs) : 기본적으로 단락 위, 아래에 빈 줄이 추가되어 있음. [줄바꿈] : -강제 줄바꿈태그, 앤드태그없이 사용 [수평선] : -수평선, 구분선, 앤드태그없이 사용 [입력한 그대로 화면에 표시] : [헤딩(heading)] : ~ -웹 페이지의 헤.. 2022. 5. 10.
Web기초 -WWW : 인터넷을 사용하기 쉽도록 하이퍼 텍스트와 그림을 통하여 모든 서비스를 이용할 수 있도록 만든 것 -2가지의 기본 프로토콜(규약) : 특정한 파일을 요청하는 HTTP Request (GET, POST...) / 찾은 파일을 돌려주는 HTTP Response(404error...) -HTML(Hyper Text Markup Language) : 웹 페이지를 기술하기 위한 마크업(markup) 언어 / 팀버너스리(인터넷의 아버지)개발 -웹브라우저 : HTML 문서를 해석하여 화면에 웹페이지를 표시함 -네이티브앱과 웹앱 Native App. Web App. 실행속도 빠름 일반적으로 느림 플랫폼 플랫폼마다 제작하여야 함 하나의 버전으로 모든 플랫폼에서 실행 가능 버전 업데이트 상당한 시간이 걸림 즉시.. 2022. 5. 10.

티스토리툴바