폰트와 텍스트 속성 ▶ 예제 보기더보기 폰트와 텍스트 관련 속성(Font & Text CSS Attribute) font는 글꼴의 다양한 속성을 한 번에 지정할 수 있는 축약형 속성이다. HTML 문서의 디자인을 담당하는 CSS는 폰트와 텍스트 속성을 다양하게 제공하고 있다. 그 상품의 판매가는 9,900원 (10,000) 텍스트에 공백문자를 처리할 수 있는 방법을 지정한다. 텍스트의 쓰기 방향과 한글은 적용되지 않는 font-variant 텍스트에 그림자 설정하기 font-family는 글꼴의 종류를 지정하는 속성이다. 만약 글꼴에 공백있는 이름이면 따옴표(‘’)로 감싸서 지정해야 한다. - h1 {font-family: Poppins, 'Noto Sans KR', sans-serif; font-wei..

CSS의 크기 단위 이 외에도 mm, cm, in, pt가 있지만 자주 사용되지는 않는 단위이다. CSS의 색상 단위 CSS의 선택자 전체 선택자와 요소(태그) 선택자▶ 예제 보기더보기더보기 CSS 선택자 CSS에서 HTML 문서의 특정 요소에 스타일을 지정하기 위해 그 요소를 선택할 수 있는 태그나 클래스 또는 아이디 등을 일컫는 말로 선택하는 요소를 구분할 수 있는 명칭을 선택자(Selector)라 한다. 또한 선택자는 HTML 문서의 특정 요소에 CSS를 통해 스타일을 적용하거나 효과를 적용하기 위해 사용되는 CSS 문법의 필수 구성요소 이다. CSS에서 사용되는 선택자는 마크업 기반의 자바스크립트 프레임워크인 jQuery에서 대부분 사용할 수 있다.  - 전체 선택자..

Table테이블 이란 평소 우리가 많이 사용하는 Excel 시트처럼 행과 열로 구성된 표를 말한다. 예전에는 웹 페이지의 전체 레이아웃을 구성하는데 테이블이 많이 사용되었으며 열과 행 형태의 게시판과 같은 페이지를 제작할 때 아직도 많이 사용되긴 하지만 오늘날 시멘틱 웹(Semantic Web)이 강조되고 HTML5에 이와 관련된 시멘틱 태그들이 새롭게 추가되면서 테이블을 통해 웹 페이지의 레이아웃을 구성하거나 의미 없는 테이블을 사용하지 않는 것이 일반적이다. HTML 4.01에서 사용되던 테이블과 관련된 많은 속성들은 CSS에서 처리가 가능하므로 HTML5에서는 테이블 태그와 관련된 속성들은 대부분 사용되지 않으며 요즘은 CSS에서 처리되는 경우가 일반적이다. 시멘틱 웹(Semantic Web) 이란..

HTML 문서 구조와 주석 Hello HTML 주석 태그 안의 내용은 웹 브라우저에서 보이지 않습니다. 반갑습니다. HTML 네이버 가기 - Ctrl + / 를 누르면 해당 문장을 주석 처리 할 수 있다.- Link를 통해서 해당 이미지나 글자에 하이퍼링크를 추가 할 수 있다.Heading 태그와 style 속성 h1의 제목 h2의 제목 h3의 제목 h4의 제목 h5의 제목 h6의 제목 - Heading 태그는 기본적으로 텍스트를 굵게 표시하며 h1에서 h6까지 6단계로 글자 크기를 표현한다. 6단계 중 h1이 글자 크기가 가장 크며 h6은 가장 작다.- 애국가 1절 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한 사람 대한으..

HTML 문서의 기본 구조  문서에 표시되는 컨텐츠(화면에 보여 지는 내용으로 구성)  은 DTD(Document Type Definition) 라고 한다.DTD도 여러 가지 버전이 있는데 버전에 따라서 브라우저의 해석 방법이 달라진다.DTD는 브라우저에게 HTML 문서가 어떤 표준에 따라 작성되었는지 알려주는 역할을 한다.  태그는 문서의 머리 부분으로 웹 문서에 대한 정보를 기술하는 곳으로 웹브라우저 상에는내용이 표시되지 않는다.  태그 내에는 현재 HTML 문서에 대한 메타데이터(metadata)를정의하는 여러 태그 들이 사용된다. 메타데이터란 데이터를 설명하는 데이터를 의미하며 현재HTML 문서에 대한 설명 정보들을 정의할 수 있는 태그가 사용된다. 예를 들면 문서의 제목을 정의하거나 문서의..

1. Web의 역사1.1 WWW(World Wide Web)의 시작1960년대 소련의 인공위성 발사 성공이 알려지자 이에 위협을 느낀 미국이 국방부 산하에 새로운기술을 연구하는 ARPA(Advanced Research Project Agency)라는 이름의 부서를 창설하였다.ARPA는 연구용 통신망을 개발하여 1969년에 UCLA와 SRI 연구소 간에 연결하는데 성공하게 되면서 이 통신망을 ARPANET이라고 불렀으며 이 통신망은 오늘날 인터넷 망의 시초가 되었다.ARPANET은 핵전쟁과 같은 위험에서 통신시스템의 데이터를 안전하게 보관하고 전송할 수 있는 네트워크 시스템으로 이후에 민간연구용 ARPANET과 군사용 MILNET으로 나누어 졌다. 그리고 민간연구용의 ARPANET이 현재 전 세계의 모든 ..