-
1. HTML_BasicFront-end/HTML5 2020. 6. 6. 15:49
<!DOCTYPE html> <html lang="en"> <!--html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재한다. --> <!--즉 모든 요소는 html 요소의 자식 요소이며 html 요소 내부에 기술해야 한다. 단 <!DOCTYPE>는 예외이다.--> <head> <!--head 요소는 메타데이터를 포함하기 위한 요소이며 웹페이지에 단 하나만 존재한다. --> <!--메타데이터는 HTML 문서의 title, style, link, script 에 대한 데이터로 화면에 표시되지 않는다.--> <meta charset="UTF-8"> <!--html 은 글로벌 어트리뷰트를 지원한다. 특히 lang 어트리뷰트를 사용하는 경우가 많다.--> <!--charset 어트리뷰트는 브라우저가 사용할 문자셋을 정의한다.--> <title>Title</title> <!--title 요소는 문서의 제목을 정의한다. 정의된 제목은 브라우저의 탭에 표시된다.--> <style> /*style 요소에는 HTML 문서를 위한 style 정보를 정의한다.*/ body { background-color: yellow; color: blue; } </style> <link rel="stylesheet" href="../jkjk.html"> <!--link 요소에는 외부 리소스와의 연계 정보를 정의한다. 주로 HTML 과 외부 CSS 파일을 연계에 사용된다--> <script> document.addEventListener('click', function () { alert('Clicked!'); }); </script> <!--script 요소에는 client-side JavaScript 를 정의한다.--> <!--<script src="main.js"></script>--> <!--src 어트리뷰트를 사용하면 외부 JavaScript 파일을 로드할 수 있다.--> <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> <!--SEO(검색엔진 최적화)를 위해 검색엔진이 사용할 keywords 을 정의한다.--> <meta name="description" content="Web tutorials on HTML and CSS"> <!--웹페이지의 설명을 정의한다.--> <meta name="author" content="John Doe"> <!--웹페이지의 저자을 명기한다.--> <meta http-equiv="refresh" content="30"> <!--웹페이지를 30초 마다 Refresh 한다.--> </head> <body> <!--body tag 는 HTML 문서의 내용을 나타내며 웹페이지에 단 하나만 존재한다. --> <!--메타데이터를 제외한 웹페이지를 구성하는 대부분의 요소가 body 요소 내에 기술된다.--> </body> </html>'Front-end > HTML5' 카테고리의 다른 글
6. HTML_multimedia (0) 2020.06.06 5. HTML_Table (0) 2020.06.06 4. HTML_list (0) 2020.06.06 3. HTML_link_tag (0) 2020.06.06 2. HTML_Text (0) 2020.06.06