study/HTML54 CSS 문법과 박스 모델 CSS 문법 - div { background-color : blue; } 맨 앞에 요소를 선택하여 입력하고(선택자) 중괄호 내부에 세부 사항을 선언 - html 문서에 적용하는 방식 1. 내부 : html 문서 태그 내에 입력. 주로 head 태그 내에 입력하지만 body에 입력해도 동작은 가능. 2. 외부 : css파일 별도 생성 후 html 문서 head 태그 내에 2022. 6. 27. HTML에 오디오, 비디오 등 멀티미디어 삽입하는 법 오디오, 비디오 - : pop.mp3 오디오 자동재생. 컨트롤바 보임 - - 브라우저마다 탑재된 코덱(codec, 압축/해제 알고리즘)이 다르기 때문에 재생할 수 있는 미디어 차이 있음 - : 비디오. 소스태그도 사용 가능. iframe - 웹페이지 내에서 다른 웹페이지를 표시하고자 할 때 주로 사용 - div/span - : divide의 약자로 논리적인 섹션을 구분하고자 할 때 사용. - div는 자체로 특별한 의미가 없고, 블록 수준의 요소이기 때문에 한 줄을 전부 차지. 반응형 웹에 자주 쓰임. - : 인라인 요소로 텍스트를 위한 컨테이너로 사용. 필요한 크기만큼만 공간 차지. HTML 입력폼 (form) - 사용자로부터 데이터를 받아 서버로 전달하는 데 사용 - 1. 입력폼에 데이터를 입력하여 .. 2022. 6. 22. HTML에서 많이 사용하는 기본 태그 텍스트 - : 단락. 문단과 문단 사이 여백 생김 - : 줄바꿈 - : 줄바꿈 등을 포함하여 개발자가 입력한 그대로 출력 - ~ : heading. 검색엔진 인덱싱 때문에 머리기사에만 사용해야 함. h1이 가장 큼. - : 주석 * 텍스트 서식은 CSS의 font-weight 속성을 사용하는 것이 원칙. , 는 최대한 사용하지 않기. - : 볼드체 (유사한 태그는 브라우저마다 출력이 상이할 수 있음) - : 이탤릭체 - : 강하게 표시. 중요한 텍스트에 권장 - : 텍스트 강조. 강조할 텍스트에 권장. - : 코드 텍스트 - : 위 첨자(superscript) - : 아래첨자(subscript) - : 하이라이트된 텍스트 - : horizontal. 수평선 * 태그 내에서 특수문자를 사용하고 싶을 땐 아.. 2022. 6. 21. HTML5 개요 - 문서 구조와 웹브라우저 WWW (World Wide Web) - 인터넷을 사용하기 쉽게 하이퍼 텍스트와 그림을 통해 서비스를 이용할 수 있도록 만든 것 - HTML로 웹페이지를 작성하여 웹서버에 올려놓으면 클라이언트가 웹서버에서 HTML 문서를 받아 웹브라우저를 통해 웹페이지로 표시하는 것 - 웹서버는 클라이언트의 요청(HTTP Request)을 받으면 자원을 찾아 클라이언트로 보냄(HTTP Response) 이때 통신 시 사용하는 표준 언어가 HTTP 프로토콜 - https://docs.microsoft.com/ko-kr/windows/win32/winhttp/using-winhttp 웹브라우저 (Web Browser) - HTML 문서를 읽어 웹페이지를 표시 - 엣지, 구글 크롬, 파이어폭스, 오페라 등 HTML(Hyper.. 2022. 6. 20. 이전 1 다음
