상세 컨텐츠

본문 제목

02. Web 구성 요소 - 1

데이터 분석/웹 스크래핑

by 알파고제로 2023. 10. 24. 09:06

본문

■ HTML (Hypertext Markup Language)

  • 웹 문서의 구조를 만들 때 사용하는 언어, 여러 종류의 태그(tag)를 이용하여 문서나 데이터의 구조를 기술.
  • 웹 문서를 구성하는 3개의 요소는 HTML, CSS, JavaScript가 있다.
  • 확장명 *.html로 만들어진다.
  • Html 문서는 일반적으로 아래와 같은 구조를 갖는다.
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>문서의 타이틀</title>
</head>
<body>
    <h1>청산별곡</h1>
    <div>살어리 살어리랏다. <b>청산<b>에 살어리랏다 <i>멀위</i>랑 다래랑 먹고 <em>청산</em>에 살어리랏다.</div>
</body>
</html>

 

 HTML 이란 무엇인가?

  • HTML은 Hyper Text Markup Language의 약자이다.
  • HTML은 웹 페이지를 생성하기 위한 표준 마크업 언어이다.
  • HTML은 일련의 요소로 구성된다.
  • HTML 요소는 브라우저에 콘텐츠를 표시하는 방법을 알려준다.
<!DOCTYPE html>
	<html>
    	<head>
        	<title>Page Title</title>
        </head>
    <body>
    	<h1>My First Heading</h1>
        <p>My first paragraph.</p>
    </body>
</html>
  • 선언 <!DOCTYPE html>은 이 문서가 HTML5 문서임을 정의한다.
  • 요소 <html>는 HTML 페이지의 루트 요소이다.
  • 요소 <head>에는 HTML 페이지에 대한 메타 정보가 포함되어 있다.
  • 요소 <title>는 HTML 페이지의 제목(브라우저의 제목 표시줄 또는 페이지 탭에 표시됨)을 지정한다.
  • 요소 <body>는 문서의 본문을 정의하며 제목, 단락, 이미지, 하이퍼링크, 표, 목록 등과 같이 표시되는 모든 콘텐츠에 대한 컨테이너이다.
  • 요소 <h1>는 큰 제목을 정의합니다.
  • 요소 <p>는 단락을 정의합니다.

 

  HTML 요소(element)란 무엇인가?

  • HTML 요소는 시작 태그, 콘텐츠 및 종료 태그로 정의된다.
< tagname > 콘텐츠는 여기에 표시됩니다... < /tagname >

 

  Web Browser

  • 웹 브라우저의 목적은 HTML 문서를 읽고 그것을 올바르게 표시하는 것이다.
  • 웹 브라우저는 HTML 테그를 표시하지 않지만 이를 사용하여 문서 표시 방법을 결정한다.

'데이터 분석 > 웹 스크래핑' 카테고리의 다른 글

04. Web 구성 요소 - 3  (0) 2023.10.25
03. Web 구성 요소 - 2  (0) 2023.10.24
01. 웹 스크래핑이란?  (0) 2023.10.20

관련글 더보기

댓글 영역