HTML이란?
======================================================
- 웹페이지를 만들기 위한 언어
- 웹브라우저 위에서 동작하는 언어
HT => hyper text, 문서와 문서가 서로 연결
M => markup, 태그로 이루어짐
L => Language (언어) , 서로의 약속이 중요,
태그란?
======================================================
정보를 정의하는 형식
<태그명 속성명1 = "속성값1" 속성명2 = "속성값2"> 컨텐츠 </태그명>
속성이 올 수도 있고 오지 않을 수도 있음!
<로 시작 >로 닫고 태그명으로 닫고!!!
열리는 태그가 있으면 닫히는 태그가 있어야 한다.
닫히는 태그는 태그 명 앞에 '/'가 붙음(</a>)
닫히는 태그가 필요 없는 태그도 있음 => <태그명 />의 형식을 갖는다.
ex)
- <br /> => 줄바꿈 태그
- <input type+"button" value="버튼"/> => 버튼을 만들어주는 태그
ex) 생활코딩이라는 글자를 링크로 만드는 태그
<a href = "http://opentutorials.org">생활코딩</a>
<a href = "http://opentutorials.org"> </a> => 태그
생활코딩 => 컨텐츠
a라는 태그를 사용해서 링크를 걸기위해 href라는 속성을 사용하고 링크로 연결되는 값을 속성값 안에 넣어줌.
문서의 구조
======================================================
html 문서를 만들어서 브라우저에서 보기
준비물 : 텍스트 편집기
ex) windows => 메모장, 워드패드 MAC => editText
영상속의 예제를 사용해서 메모장에~ 복붙~
코드 전체가 태그로 이루어짐을 볼 수 있음.
저장시에 확장자를 .html 또는 .htm로 저장!
<html> 태그 밑에는 두 가지의 태그가 올 수 있음
- <head> => 문서를 설명하는 태그로 제목이나 키워드와 같은 정보
- <body> => 문서의 내용이 위치
<html> <head> 문서를 정의하는 데이터가 위치함 </head> <body> 문서에 표시되는 컨텐츠가 위치함 </body></html>'프로그래밍' 카테고리의 다른 글
| Spring Boot 관리자 상품 기능 구현 및 테스트 자동화 (2) | 2025.04.02 |
|---|
댓글