[HTML] HTML 문법 정리

HTML 문법 정리

HTML 문법에 대한 정리문서로 각 문법은 아래 포스팅 참고하면 된다.

[HTML] h, a 태그

태그 태그들은 웹 페이지의 컨텐츠 내에서 헤드라인(제목)을 표시할 때 사용한다. 태그는 h1을 시작으로 h6까지 있으며 숫자가 커질수록 글자크기가 작아진다. h1 태그입니다. h2 태그입니다. h3 태

ypangtrouble.tistory.com

[HTML] 텍스트 서식 태그

, 태그 , 태그는 텍스트를 강조하고자 할 때 사용한다. , 태그 , 태그는 텍스트를 기울이고자 할 때 사용한다. , 태그 , 태그는 밑줄을 나타낸다. 태그 태그는 취소선을 나타낸다. , 태그 , 태그는

ypangtrouble.tistory.com

[HTML] img 태그

태그 태그는 이미지를 삽입할 때 사용한다. 속성 속성 의미 값 src 이미지 URL URL alt 이미지의 대체 텍스트 텍스트 width 이미지의 가로 너비 크기, 비율 heigth 이미지의 세로 너비 크기, 비율

ypangtrouble.tistory.com

[HTML] br, p 태그

태그 태그는 줄 바꿈을 하기 위해 사용한다. 기본적으로 HTML은 코드 가독성 향상을 위해 줄 바꿈(엔터)을 해도 줄 바꿈이 화면에 출력되지 않는다. html은 기본적으로 줄 바꿈이 되지 않는다. 줄

ypangtrouble.tistory.com

[HTML] ol, ul, li 태그

태그 태그는 list의 약자로 목록을 만들 때 사용한다. 단독으로 쓰이지 않으면 혹은 태그 내부에서 사용한다. 태그 태그는 unordered list의 약자로 순서가 없는 리스트를 작성할 때 사용한다. 순서가

ypangtrouble.tistory.com

[HTML] div, span 태그

태그 태그는 Division의 약자로, 레이아웃을 나누기 위해 사용한다. 다른 태그와 달리 특별한 기능은 없고 가상의 레이아웃을 설계하는데 사용한다. display 속성이 block이다. div1 div2 태그 태그는 콘

ypangtrouble.tistory.com

[HTML] table 태그

태그 태그는 표를 만들 때 사용한다. 태그는 표의 열을 나타낸다. 태그는 표의 행을 나타내며, 태그 하위에 위치한다. 태그는 머리글 행을 나타내며, 태그 하위에 위치한다. 이름성별주소회비 양

ypangtrouble.tistory.com

[HTML] form, input 태그

태그 form 태그는 웹사이트에서 다른 페이지로 정보를 보낼 때 사용한다. 속성 의미 값 기본값 action 전송한 정보를 처리할 웹페이지의 URL URL autocomplete 사용자가 이전에 입력한 값으로 자동 완성

ypangtrouble.tistory.com

[HTML] select 태그

태그 태그는 옵션을 선택하고자 할 때 사용한다. 속성 의미 값 기본값 disabled 선택 메뉴를 비활성화 boolean multiple 다중 선택 여부 boolean name 선택 메뉴의 이름 size 한 번에 볼 수 있는 행의 개수 숫

ypangtrouble.tistory.com

[HTML] textarea, datalist 태그

태그 태그는 여러 줄의 텍스트 양식을 입력받을 때 사용한다. 속성 의미 값 autocomplete 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 on, off autofocus 페이지가 로드될 떄 자

ypangtrouble.tistory.com

[HTML] fieldset, legend, label 태그

태그 태그란 같은 목적의 입력요소를 그룹화할 때 사용한다. 속성 의미 값 disabled 그룹 내 모든 양식 요소를 비활성화 boolean name 그룹의 이름 태그 태그는 태그의 그룹 제목 작성에 사용한다. 카

ypangtrouble.tistory.com

[HTML] 시멘틱(semantic) 태그

시멘틱 태그 시멘틱 태그란 웹페이지의 구조를 쉽게 이해할 수 있도록 정의된 태그를 의미한다. 시멘틱 태그 이전에는 아래와 같이 태그의 id 나 class 속성을 이용하여 레이아웃을 구현하였고 이

ypangtrouble.tistory.com

[HTML] 시멘틱(semantic) 태그 (0)	2022.02.28
[HTML] fieldset, legend, label 태그 (0)	2022.02.27
[HTML] textarea, datalist 태그 (0)	2022.02.27
[HTML] select 태그 (0)	2022.02.27
[HTML] form, input 태그 (2)	2022.02.26