본문 바로가기

Study/WEB9

CSS 관련 출처 :[위키백과] 종속형 시트[생활코딩] 클라이언트 - CSS 소개[생활코딩] 클라이언트 - HTML과 CSS가 만나는 법 CSS 종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, 마크업 언어가 웹사이트의 몸체를 담당한다면 CSS는 옷과 액세서리 같은 꾸미는 역할을 담당한다고 할 수 있다. 즉, CSS는 웹 페이지를 꾸며주는 언어로서 HTML 구조는 그대로 두고 CSS 파일만 변경해도 전혀 다른 웹사이트처럼 꾸밀 수 있다. 웹이 성장하면서 HTML의 기술 역시 중요해지고 이 정보를 잘 표현하는 것이 중요해지기 시작했다. CSS는 디자인에 더욱 효율적인 문법 체제를 가지고 있기 때문에 HTML에서 디자.. 2018. 8. 16.
HTML 태그 종류 관련 출처 :[위키백과] HTML 요소[나무위키] HTML/태그[w3schools.com] HTML Element Reference HTML은 웹 브라우저마다 지원하는 태그가 조금씩 다르며, 같은 태그라도 작동하는 방법이 다르지만 대체로 비슷한 태그를 지원한다. 최신 버전인 HTML5를 기준으로 한다. HTML의 가장 기본 골격은 아래와 같으며 각각의 태그는 아래와 같은 의미를 지닌다. 태그 정의 마크업 언어용 DTD 태그다. HTML5의 경우 문서의 첫 줄에 다음과 같이 써 주면 된다. 위의 DTD를 제외한 전체를 이 태그로 둘러싼다. 주석이다. HTML 문서의 속성을 지정하기 위한 태그이다. 이 태그 안에 타이틀이나 메타 태그 등을 넣는다. HTML의 제목을 선언하는 태그다. HTML 문서의 본 모양.. 2018. 8. 10.
HTML 요소 관련 출처 :[위키백과] HTML 요소[위키백과] 문서 객체 모델[생활코딩] WEBn - 혁명적인 변화[생활코딩] WEBn - 통계에 기반한 학습 [The average web page] Overview[홈짱 닷컴 홈페이지 제작가이드] HTML의 구성요소 태그(Tag), 요소(Element), 속성(Attribute), 변수(Arguments)[Clearboth] 요소와 태그 크롬에서 마우스 오른쪽 클릭 후 [페이지 소스보기(View Page Source)] 또는 단축키 Ctrl+U를 통해 소스 확인이 가능하다. 아래는 티스토리 메인 화면(www.tistory.com)의 소스를 확인한 결과이다. 또는 [F12]를 누르거나 크롬 [메뉴]의 [도구 더보기]-[개발자 도구]를 실행시키면 아래와 같이 현재 페이.. 2018. 8. 9.
WEB 관련 출처 :위키백과, 월드 와이드 웹위키백과, 하이퍼텍스트위키백과, HTML위키백과, 마크업 언어 월드 와이드 웹(World Wide Web, WWW, W3)은 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다. 간단히 웹(Web)이라 부르는 경우가 많다. 이 용어는 인터넷과 동의어로 쓰이는 경우가 많으나 엄격히 말해 서로 다른 개념이다. 웹은 전자 메일과 같이 인터넷 상에서 동작하는 하나의 서비스일 뿐이다. 인터넷에서 HTTP 프로토콜, 하이퍼텍스트, HTML 형식 등을 사용하여 그림과 문자를 교환하는 전송방식을 말하기도 한다. 인터넷상의 정보를 하이퍼텍스트 방식과 멀티미디어 환경에서 검색할 수 있게 해주는 정보검색 시스템이다. 하이퍼텍스트 형식으로 표현.. 2018. 7. 27.