Notice
Recent Posts
Recent Comments
관리 메뉴

안까먹을라고 쓰는 블로그

[HTML] Hyper Text Markup Language 본문

카테고리 없음

[HTML] Hyper Text Markup Language

YawnsDuzin 2020. 4. 14. 16:11

 

반응형

https://www.w3schools.com/html/default.asp

 

HTML Tutorial

HTML Tutorial HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn - You will enjoy it! Examples in Every Chapter This HTML tutorial contains hundreds of HTML examples. With our online HTML ed

www.w3schools.com

 

첫 번째 웹사이트

http://info.cern.ch/

 

 

준비사항

■ 웹 브라우저

 - 웹브라우저에서 로컬의 파일열기 (Ctrol + O)

 

■ 에디터

 - best html editor 2020 (ex) atom, visual studio code ....

 atom : https://atom.io 

 

A hackable text editor for the 21st Century

At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.

atom.io

 

 

기본 문법
HTML 기본형식
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
  • <!DOCTYPE html>선언은 HTML5가 될이 문서를 정의

  • <html>요소는 HTML 페이지의 루트 요소입니다

  • <head>요소는 문서에 대한 메타 정보를 포함

  • <title>요소는 문서의 제목을 명시

  • <body>요소는 눈에 보이는 페이지의 내용을 포함

  • <h1>요소는 큰 제목을 정의

  • <p>요소는 문단을 정의

HTML 서식요소
  • <b> - 굵은 텍스트

  • <strong> -중요한 텍스트

  • <i> -이탤릭체

  • <em> -강조된 텍스트

  • <mark> -표시된 텍스트

  • <small> -작은 텍스트

  • <del> -삭제 된 텍스트

  • <ins> -삽입 된 텍스트

  • <sub> -첨자 텍스트

  • <sup> -위첨자 텍스트

반응형
Comments