Nuke Olaf - Log Store
HTML 이란 무엇인가? 본문
1. HTML - Hyper Text Markup Language
(1) Hyper Text =>
제목의 제시 순서에 관계없이 이용자가 원하는 제목과 관련된 정보를 검색할 수 있도록 하는 정보 제공 방법.
링크 : https://terms.naver.com/entry.nhn?docId=861511&cid=42346&categoryId=42346
(2) Mark up Language =>
태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어
일반적으로 데이터를 기술하는 정도로 사용된다.
링크 : https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4
HTML 은 웹 브라우저에 표시되도록 설계된 표준 마크업 언어이다.
CSS(Cascading Style Sheets) 와 같은 기술이나, JavaScript 와 같은 스크립팅 언어로 도움을 받을 수 있다.
웹 브라우저는 웹 서버(또는 로컬 저장소에서) 에서 HTML 문서를 수신한뒤, 수신한 HTML 문서를 웹페이지로 랜더링한다. HTML 은 의미적으로 (semantically) 웹 페이지의 구조를 설명하고, 원래 문서의 모양에 대한 단서를 포함한다.
What is HTML?
HTML is the standard markup language for creating Web pages.
- HTML stands for Hyper Text Markup Language
- HTML describes the structure of a Web page
- HTML consists of a series of elements
- HTML elements tell the browser how to display the content
- HTML elements are represented by tags
- HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
- Browsers do not display the HTML tags, but use them to render the content of the page
2. HTML 요소
https://heropy.blog/2019/05/26/html-elements/
HTML 요소는 HTML 페이지의 구성요소이다. 구성요소들을 통해 제목, 단락, 목록, 링크, 따옴표 및 기타 항목과 같은 텍스트의 구조적 의미를 표시하여 구조화된 문서를 작성하는 수단을 제공한다고 한다.
3. HTML 기본 예제
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Example Explained
- The <!DOCTYPE html> declaration defines this document to be HTML5
- The <html> element is the root element of an HTML page
- The <head> element contains meta information about the document
- The <title> element specifies a title for the document
- The <body> element contains the visible page content
- The <h1> element defines a large heading
- The <p> element defines a paragraph
4. 공부할때 참고할만한 사이트
http://tcpschool.com/html/intro
https://www.w3schools.com/html/html_intro.asp
'Language > [PHP]' 카테고리의 다른 글
CSS - 그림위에 글자넣기 (0) | 2020.01.29 |
---|---|
HTML - Semantic Elements 시멘틱 태그(의미요소)란? (0) | 2020.01.28 |
PHP 와 MySQL 연동 확인하기 (0) | 2020.01.27 |
PhpStorm 과 MySQL 연동하기 (0) | 2020.01.27 |
FTP / SFTP 란? (File Transfer Protocol, Secure File Transfer Protocol) (0) | 2020.01.27 |