Frontend_HTML 태그
< HTML >
HTML 뜻
1. Hyper Text Markup Language의 약자이다.
HTML의 특징
2. Markup(태그)으로 정의하는 언어이다.
3. 웹 문서를 만들 때 사용하는 언어이다.
4. 태그로 구성되어있다. <태그>
1) 각 태그마다 화면에 표현되는 형식이 다르다.
2) 대부분 시작 태그와 종료 태그로 구성되어 있다. <b></b>
3) 시작태그만 존재하는 경우도 있다. <input>
4) 계층 구조를 가지고 있다. (부모태그, 자식태그, 형제태그)
HTML의 작성형식
<태그명 속성1 ='속성값1' 속성2= "속성값2" attribute="value"> 화면에 표현할 값</태그명>
태그 작성 시 태그명은 대소문자를 가리지 않지만 일반적으로 소문자를 사용한다.
HTML 블럭 요소 태그 적용범위
한 줄 전체에 적용되며, 다음 요소 작성 시 자동으로 줄바꿈 처리된다.
HTML 인라인 요소 태그 적용범위
해당 요소에만 적용되며, 줄바꿈을 강제로 해주어야한다.
HTML 문서의 기본 구조
<!DOCTYPE html>
문서형식을 지정하는 것으로 HTML5 형식임을 알리는 선언문이다.
<html lang="ko">
html문서의 시작으로 문서의 모든 내용을 포함하는 최상위 태그이다.
<head></head>
해당 문서의 각종 정보, 제목, 설명, 스타일시트 등을 표현하는 태그이다.
<body></body>
화면에 표현하고자 하는 정보 및 내용을 표현한다.
</html>
html의 문서의 끝 태그이다.
HTML meta태그
head 태그에 속해있으며 해당 html 문서의 정보를 표현한다
ex)
<meta charset="UTF-8">
<meta name="generator" content="문서를 제작한 프로그램">
<meta name="author" content="문서의 제작자">
<meta name="keywords" content="문서에 대한 키워드">
<meta name="description" content="문서에 대한 설명">
HTML 줄바꾸는 태그
<br>
HTML은 VsCode에서 작성한 그대로 화면에 줄바꿈이 되지않기 때문에 줄바꿈을 하려는 위치에 줄바꿈 태그를 작성해줘야한다.
HTML 수평선 만들어주는 태그
<hr>
웹 화면 전체에 가로 수평선을 넣을 때 작성하는 태그이다.
HTML 특수문자 쓰는 방법 (엔티티코드)
HTML에서 특수문자를 작성하기 위해서는 &로 시작하고 ; 로 끝나게 작성한다.
HTML에서 < 특수문자 쓰는 방법
작다 (less than)라는 뜻으로 < 특수문자를 작성할 때 아래와 같이 작성한다.
<
HTML에서 > 특수문자 쓰는 방법
크다 (greater than)라는 뜻으로 > 특수문자를 작성할 때 아래와 같이 작성한다.
>
HTML에서 공백쓰는 방법
공백을 작성할때 아래와 같이 작성한다.
HTML에서 & 특수문자쓰는 방법
&특수문자를 할때 아래와 같이 작성한다.
&