배꼽파지 않도록 잘 개발해요

◆ 웹사이트의 정보와 디자인 ◆ 웹사이트 레이아웃에 영향을 미치는 요소 ◆ 웹사이트의 정보와 디자인 웹을 구성하는 요소 · HTML : 정보 or 설계도 · CSS : 디자인 or 스타일링 · JavaScript : 기능과 효과 웹사이트 제작시 고려 사항 · 웹 표준 : 웹사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격, 강제성은 없으나 검색엔진 최적화에 도움됨. · 웹 접근성 : 장애의 여부와 상관없이 모두가 웹사이트를 이용할 수 있게 하는 방식 · 크로스 브라우징 : 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법 HTML 기본 태그 HTML · Hyper Text Markup Language · 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어 · 버전..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 이미지 src : 파일 주소 alt : 이미지 이름 (이미지 안 보일 때 설명이 나옴) 비디오 autoplay : 자동재생 (일부 브라우저에서는 꼭 써줘야 함) muted : 음소거 controls : 컨트롤바 (하단 재생, 소리, 화면 버튼) 이미지 태그 사이에 공백이 생기는 이유 이미지와 비디오 태그 사이에 공백이 생기는 이유는 HTML에서 인라인 요소(inline element)가 공백을 처리하는 방식 때문이다. 연달아 나오는 인라인 요소 사이에는 브라우저가 공백을 처리하고 그에 따라 렌더링한다. 이미지 태그를 연달아 쓰면된다. 닫는 괄호만 밑으로 이어 붙이면 해결됨. 오디오 iframe iframe = 인라인 프레임 ·..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 HTML 기본 구조 화면에 보이는 내용이 들어가는 부분 들여쓰기는 내용과 무관함. · 주석 : · 기능 : 메모 남기기 · 단축키 : ctrl + / HTML 삽입 미리보기할 수 없는 소스 라이브 프리뷰 설치하는 이유 : · 서버를 통해서 접속했을 때랑 링크 동작에 차이가 있기 때문임. · 실제 서버 환경과 비슷하게 만들어놓고 링크 동작 살펴보기 http://127.0.0.1:3000/index.html · 라이브 프리뷰가 서버를 실행해서 내 컴퓨터에서 쓰는 주소로 접속할 수 있게 함. 현재 브라우저가 있는 폴더는 최상위 (/) → movie라는 폴더 안에 있는 index.html 파일을 보여줌. index.html 파일은 폴..

HTML 문서를 작성하다 보면 코드나 텍스트 서식을 그대로 유지하고 싶을 때가 있다. 이때 태그와 태그가 유용하게 활용된다. 이 두 가지를 통해 태그와 태그의 쓰임새 인라인 태그와 블록 태그의 차이점 HTML에서의 이스케이프 문자 를 파악할 수 있다. 태그와 태그의 쓰임새 태그 태그는 'preformatted text'의 약자로, 텍스트의 공백과 줄바꿈을 그대로 유지한다. 이는 주로 코드 블록이나 서식이 중요한 텍스트를 표현할 때 사용된다. 이 공백과 줄 바꿈이 그대로 유지됩니다. 태그 텍스트 내에서 코드 조각이나 프로그래밍 언어의 키워드를 표시할 때 사용된다. 이는 주로 문서에서 코드 부분을 강조하거나 특정 용어를 강조하는 데에 활용된다. 이 함수의 파라미터는 a와 b이다. 인라인 태그와 블록 태그의 ..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 • HTML = HyperText Markup Language HyperText : 하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트 Markup : (콘텐츠를) 표시하다 Language : 언어 => 하이퍼 텍스트와 콘텐츠를 표시해주는 언어! • HTML은 웹브라우저를 통해 표시되는 웹페이지의 콘텐츠를 정의하기 위해 사용하는 언어 개발자는 HTML 코드로 웹페이지에 어떤 내용이 표시될지를 정의한 HTML 문서를 제작함. 완성된 HTML코드를 웹브라우저에서 로딩하면 웹페이지가 만들어진다. HTML 코드가 웹브라우저를 통해 해석되고 표현되는 과정을 렌더링이라 한다. • HTML 문서는 파일의 확장자가 html ..