HTML
Hyper Text Markup Language
파일 확장자는 html
😉 HTML 문법 기초
태그(TAG)
: 꼬리표, 이름표 ..
<태그이름> 내용 </태그이름>
시작태그 .. 내용 .. 종료태그 = 요소
속성(Attribute)
: 속성은 태그에 추가적인 정보를 넣어줌
이름과 값으로 구성되어 있고 시작 태그에 넣는다.
공백없이 이름="값" 으로 작성한다.
예시처럼 두가지 속성을 넣을 수 있고, 순서는 중요하지 않다.
태그 중첩
: 태그 내부에 다른 태그를 사용할 수 있다.
빈 태그
: 시작 태그만 존재하는 태그. 내용 부분이 없다. (내용이 빈)
속성을 통해서 사용하는 태그이다.
공백(SPACE)
: HTML은 한칸 이상의 공백을 무시한다. Tab과 개행도 무시한다.
주석
HTML 문서 구조
: 웹 문서를 작성할 때 반드시 들어가야 하는 기본적인 내용
- 문서 타입 정의 DTD(doctype)
: 어떤 버전의 문서인지 브라우저에 알려주는 선언으로 최상단에 온다. - html 태그
html태그에 어떤 언어의 문서인지 알려주는 lang속성을 넣어준다.
<!doctype html>
<html lang="en">😉 6가지 기본태그
텍스트 태그
h, p 태그를 사용한다.
<h1>제일 큰 주제</h1>
<h2>소주제</h2>
<p>단락 내용</p>미디어 태그
img
<img src="이미지의 주소" height="200px"/>링크 태그
p 태그 내부에 넣어서 사용하곤 한다.
a 태그를 이용한다.
<a href="링크">링크 설명 텍스트</a>리스트 태그
ul, li 태그를 사용한다.
<p>오늘 할일</p>
<ul>
<li>html 공부 하기</li>
<li>spring boot 강의 듣기</li>
<li>알고리즘 문제 풀기</li>
</ul> 테이블 태그
<table border="1">
<tr>
<td>이름</td>
<td>나이</td>
<tr>
<tr>
<td>앙몬드</td>
<td>5살</td>
<tr>
.
.
.
</table>입력 태그
사용자한테 입력을 받아오는 태그이다.
input, textarea
<input type="text"/>
<textarea></textarea>