DEV/🦴 HTML CSS
[HTML CSS] Intro
개발을 하게 되.
2021. 8. 2. 18:02
HTML( Hypertext Markup Language) 란 무엇일까?
웹페이지를 만들기 위한 언어로 가장 중요한 웹페이지 구조를 잡을 수 있다.
여기서 주목해야할 것은 "웹페이지 구조" 이다
틀이 없이 웹페이지를 만들게 되면 어느 순간 내가 어디부분을 하고 있는지 헷갈리는 경우가 많은데
웹페이지 구조 즉, 웹페이지 뼈대부터 만들게 되면 효율적으로 내가 해야할 부분이 명확해 진다.
글을 쓸때도 마찬가지로 개요를 짜고 글을 쓰듯이, HTML이 웹페이지의 개요인 역할을 한다.
그렇다면 HTML에는 어떤 특징과 속성을 가지고 있을까?
HTML의 기본개요틀은 <html>, <head>, <body> 3가지를 가진다.
여기서 이 3가지를 최소한의 tag라고 말한다.
이러한 태그(tag)는 일정한 형식을 가지는데
<태그이름> 내용 </태그이름> 이 그것이다.
이때 속성(attribute) 는 태그에 여러 속성을 지정할 수 있는데
예를 들어
<div class = "title"> HTML 기초 </div>
<a href = "http://xxxxx.com> 사이트로 이동</a>
<img src = "~~~.jpg" alt="사진설명"><div><a><img>는 tag를 말하고
class, html, src, alt는 attribute를 말한다.
그리고 이를 함께 감싸서 <태그이름>내용</태그이름>을 Element(요소)라고 한다.
HTML의 개념을 크기로 보자면
attribute < tag < element 로 개념정리를 하고 넘어가자.