본문 바로가기

HTML3

HTML 요소(Element) HTML 요소(Element) HTML 문서에 대해 알아보았으니 이번에는 HTML을 이루고 있는 요소에 대해 알아볼까요? HTML 요소(Element)의 구성 이전 포스팅에서 HTML은 Tag로 둘러 싸인 Markup Langauge라고 설명했습니다. 그럼 이 Tag는 어떤 규칙을 가지고 있는지, 어떻게 사용해야 하는지 알아야 쓸 수 있겠죠? 😉 Sey의 개발 블로그 단락을 나타낼 때 사용하는 tag를 사용해서 하나의 요소(element)를 작성하였습니다. element의 주요 부분을 나누면 다음과 같습니다. 요소(Element) 여는 태그, 닫는 태그, 내용을 통틀어 요소(element)라고 합니다. 여는 태그(Opening tag) 요소의 이름과 열고 닫는 꺽쇠 괄호로 구성됩니다. 요소가 시작부터 효.. 2020. 9. 9.
HTML(Hyper Text Markup Language)이란? <이름의 정의> HTML(Hyper Text Markup Language)이란? HTML은 무엇을 하는 놈일까? 어떤 녀석인지 한번 알아볼까요? HTML 이란? HTML은 Hyper Text Markup Language의 약자인데 Full Name을 봐도 뭐하는 놈인지 감이 잘 안 잡히네요. 이름을 쪼개서 정의를 알아볼까요? 1. Hyper Text Hpyer는 접두사로서 '뛰어넘다', '초월하다'라는 뜻을 가지고 있어요. 우리가 들어봤을 단어로는 Hyperrealism(극사실주의), Hyperlink(하이퍼링크)가 있을 것 같네요. 하이퍼링크 같은 경우는 Word나 한글 파일을 사용해보셨다면 어떤 것인지 대부분 아실 텐데요. 주로 목차에서 많이 사용합니다. '이미지'로 이동☝🏻 '마침 말'로 이동👇🏻 이런 것이지요. .. 2020. 9. 8.
HTML&CSS&JavaScript HTML & CSS & JavaScript Web Application 개발에서 빼놓을 수 없는 3가지 언어 HTML, CSS, JavaScript의 정의와 역할에 대해 간단하게 알아볼까요? HTML HTML(Hyper Text Markup Language)은 페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적 언어로 웹의 구조를 담당합니다. 골격을 짜는 것이라 간단하게 개발하기도 하지만 각 Tag들을 이용해 구조적으로 잘 짜두면 CSS나 JavaScript를 작성할 때 훨씬 편해질 수 있어서 깔끔한 Code를 작성할 수 있어요. DIV와 CSS로 원하는 페이지를 만들 수도 있지만 HTML만 봤을 때 가독성이 떨어지게 되고 CSS를 입히기 위해서 Class를 남발해.. 2020. 9. 7.