본문 바로가기

Web Front-End/HTML&CSS

HTML 기본2 - 기초

1. HTML 요소(Element)의 구조

 1) 여는 태그: HTML Element는 열고 닫는 꺽쇠 괄호로 구성되고 요소가 시작부터 적용되기 시작함

 2) 닫는 태그: 요소 이름 앞에 슬러시(/)가 있는것을 제외하면 여는 태그와 같다. 닫는 태그를 명시해주지 않으면 이상한 결과를 초래할 수도 있다.

 3) 내용: 엘리먼트 안에 있는 내용으로 말 그대로 텍스트 형태의 Content이다.

 4) 요소: 여는 태그, 닫는 태그 내용을 통틀어 요소라고 불린다.

 

2. HTML Document

 1) 모든 HTML 문서는 문서타입 선언을 <!DOCTYPE html>로 시작해아한다.

 2) HTML 문서는 <html>, </html>로 시작과 끝을 정의한다.

 

3. HTML Heading

 1) HTML headings는 <h1>부터 <h6> 태그로 정의 되어 있다.

 2) <h1>부터 가장 중요 사항을 나타낸다.

 

4. HTML paragraphs

 1) HTML 문단은 <p>로 나타낸다.

 

5. HTML Links

 1) HTML 링크는 <a>로 나타낸다.

 2) 링크의 목적지는 href 속성에 값을 명시한다.

 

6. HTML images

 1) HTML 이미지에 관한 태그는 <img>로 정의한다.

 2) 파일의 경로는 src, alt text는 alt, witdh, height와 같은 속성을 제공한다.

 

7. HTML Buttons

 1) 버튼은 <button>으로 정의된다.

출처

[HTML Tutorial]

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

 

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

https://developer.mozilla.org/ko/docs/Web/HTML

 

HTML: Hypertext Markup Language

HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소입니다. HTML은 웹 콘텐츠의 의미와 구조를 정의할 때 사용합니다. HTML 말고도 웹 페이지의 외형과 표현을 서술하고(CSS), 기능과 동작을 서술하는(JavaScript) 기술도 있습니다.

developer.mozilla.org

 

'Web Front-End > HTML&CSS' 카테고리의 다른 글

CSS3 prefix  (0) 2020.07.17
HTML 기본4 - HTML head  (0) 2020.03.26
HTML 기본3 - 블록레벨(block) 요소와 인라인(inline) 요소  (0) 2020.03.26
HTML 기본1 - HTML 소개  (0) 2020.03.23