HTML #1 -입문-

6805 단어 htmlhtml

HTML을 배우기 시작하면서 그 당시에는 기억하지만 그 이후에 자주 까먹는 것이 많았던 것 같다😅
앞으로 배우면서 공부한 내용과 기억했으면 하는 요소들을 정리하려고 한다😁
또한 공부하면서 많이 참조하는 싸이트는 >MDN[W2School(https://www.w3schools.com/)

1.HTML이란?

HTML(Hyper Text Marup Language)은 웹(web)을 구상하는 기술이자 페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적인 언어(마크업언어 O)(프로그래밍언어 x)이며, 웹 구조를 담당한다.

2. TAG의 구성과 요소

<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>TAG의 구성과 요소</title>
</head>
<p>HTML is Markup Language.</p>

1. 여는태그

여는태그는 "Opening tag"라고 부른다.
위에서 살펴보자면 <p>태그가 여는 태그이다.

2. 닫는태그

닫는태그는 "Closing tag"라고 부른다.
위에서 살펴보자면 </p>태그가 닫는 태그이다.
또한 태그를 닫는태그로 이용하고자 할 때 <p/>와 </P>를 혼동해서는 안된다. 자주 혼동되며 실수하는 영역이다.

3.빈태그

빈태그의 경우 "Empty Tag"라고 부른다.
빈태그의 경우 다는 태그가 없이 쓰이는 태그이며 독단적으로 그 역할을 수행할 수 있는 태그이다.

빈태그의 대표적인 예로 아래와 같은 태그를 예로 들 수 있다.

<img> , <br>

4. 내용

내용은"Content"라고 부른다.
위에서 살펴보자면 HTML is Markup Language에 해당하는 부분이다.

5. 요소

요소는 "Element"라고 부른다.
위에서 살펴보자면 <P>HTML is Markup Launguage.</p>에 해당하는 부분이다.

3.문서의 구조

<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>TAG의 구성과 요소</title>
</head>
<p>HTML is Markup Language.</p>
  
1. <html lang="ko"> HTML문서가 어떤 언어로 사용되었는지를 나타낸다.
2. <head></head> 태그의 경우 사용자의 눈에는 보이지 않으나 
  홈페이지 설명, css스타일 등등 HTML페이지의 모든 내용을 담고 있다
3. <meta charset="UTF-8> HTML문서의 인코딩 방식을 명시하는 것이다.  
4. <title> TAG의 구성과 요소</title>은 페이지의 제목을 설정한다.
5.<body></body> 페이지에 표시되는 모든 콘텐츠를 포함한다.
09. Object 8번 문제 객체 안의 객체접근
값 타입 - 불변 객체, 컬렉션

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage