HTML

Fstone·2020년 9월 18일
0
post-thumbnail
post-custom-banner

HTML?

Hypertext Markup Language, Web을 이루는 가장 기본적인 요소
Browser 상 사용자에게 보이는 화면의 기본적인 뼈대를 잡아주는 언어

HTML의 기본 구조

  • 기본적으로 html태그 안에 head와 body로 이루어져 있다.
  • head안에는 html 문서에 대한 설명하는 Data가 작성되어있고 Browser에서 출력되어 보이진 않는다. title, Meta data 또는 body안의 style을 명시하는 style tag나 작성되어진 Javascript를 불러올 수 있는 script tag를 작성한다.
  • body안에는 Browser에서 출력되는 내용을 담고 있다.
  • html 기본구조 예시
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My test page</title>
    <style></style>
    <script src="javascript.js" />
  </head>
  <body>
    <p>This is my page</p>
  </body>
</html>

Tag

html 내부의 content를 감싸 Browser가 content를 어떻게 출력해야하는지 명시해주는 html 구성 요소, HTML Element이다.

  • Tag 구소 예시
<opening tag>Content</closing tag>
  • Tag attribute, Tag 속성

Tag를 가리키거나 Tag가 감싸고 있는 Content가 가져야하는 속성을 부여할 수 있다.

  • Attribute끼리는 공백으로 구분한다.
  • equal sign으로 Attribute의 값을 정의한다.
  • Attribute의 값은 ""/Doublequote, ''/Singlequote 안에 정의한다.
  • "", '' 둘다 사용할 수 있지만 통일성 있게 맞춰서 사용하는게 좋다.
  • Tag attribute 예시
<tag attribute="" otherAttribute=''>Content</tag>

Reference

https://valuefactory.tistory.com/121
https://developer.mozilla.org/ko/docs/Learn/HTML

post-custom-banner

0개의 댓글