html 이란

html 이란

2021. 2. 18. 14:19ㆍ개인

# html

* html ( hyper text markup language)

1. 현재 우리가 사용하는 웹서비스는 전부 html 문서 간의 링크 연결 및 데이터 전송에 의해 가능한 것이며 웹페이지 구성요소의 가장 기본이 된다.

2. 하이퍼 텍스트의 의미는 문서간의 링크 연결을 말하며 마크업 언어는 html 문서 내에서 사용되는 태그를 말하는 것이다

즉 마크업 언어의 태그로 구성 된 문서들이 서로 간의 링크를 연결 함으로써 웹상에서 자유롭게 각 페이지를 탐색할 수 있도록 도와주기 위한 언어가 되는 것

3. 현재 html은 각 웹상에 존재하는 모든 페이지들의 뼈대를 구성하는 역할정도만 수행하며 페이지를 꾸미는 역할은 css 웹페이지 상 기능 구현은 javascript를 이용한다 (fornt end)

추후 실제 웹서버에서 수행되는 기능등은 php jsp asp 언어를 이용 (bacnkend)

* html 기본 구성요소

1. <!Document html> 현재 작성 중인 html 문서의 형식을 정의 (html5 사용)

2. <html></html> html 문서의 시작과 끝은 나타낸다.

3. <head></head> web browser가 html 문서를 해석하는데 필요한 정보를 포함한다.

4. <body></body> 실제 html문서의 내용을 정의하는 영역

[ Bootstrap ]

- Bootstrap은 빠르고 쉽게 웹페이지를 디자인 할 수 있는 무료 프런트엔드 프레임워크.

- Bootstrap은 미리 제작되어있는 HTML 양식 및 CSS 디자인을 불러와 사용한다.

- Bootstrap은 반응형 웹을 만들 수 있는 기능을 제공한다. ( 디바이스에 따른 웹페이지 출력 형식 자동 조정 )

- http://bootstrapk.com/css/ [ 공식 가이드라인 ]

[ Bootstrap 장점 ]

- 사용하기 쉬움 : HTML과 CSS에 대한 기본 지식 만 있으면 누구나 Bootstrap을 사용할 수 있다.

- 반응형 기능 : Bootstrap의 반응 형 CSS는 전화, 태블릿 및 데스크톱 크기에 맞게 자동 조정된다.

- 브라우저 호환성 : Bootstrap은 모든 최신 브라우저 (Chrome, Firefox, Internet Explorer, Edge, Safari 및 Opera)와 호환.

[ Bootstrap 사용방법 ]

1. CDN(Content Delivery Network) : 인터넷에서 Bootstrap 데이터를 가져와 사용하는 방식.

2. Bootstrap Download : Local Server에서 Bootstrap을 직접 다운로드하여 사용하는 방식.

[ Bootstrap CDN 장점 ]

- 사용자가 이미 MaxCDN에서 Bootstrap을 다운로드했을 경우 사이트 방문 시 캐시에서 Bootstrap을 로드하게 되므로 페이지 로딩 시간이 단축된다.

- 대부분의 CDN은 사용자가 파일을 요청할 경우 가장 가까운 서버에서 파일을 제공하게 된다.

형상관리란 (0)	2021.02.18
centos8 에서 apache web server 올려보기 (0)	2021.02.02
정보보안기사 정리 (0)	2020.11.04
정보보안기사 정리 (0)	2020.11.04
kshield 주니어 4기 보안사고 분석대응 수료 (0)	2020.11.04

기억보다 기록