■ Html 요약
| <!DOCTYPE html | 웹 문서의 유형을 html로 지정한다 | |
| <html lang="ko"> | 문서를 html로 시작, 언어를 한국어로 지정한다 | |
| <head> | 주로 브라우저의 정보를 입력하는 곳이다 | |
| <meta> | meta 데이터 입력 | |
| <title> | 문서 제목 | |
| <body> | 문서 내용을 입력한다 | |
| <header> | 헤더 영역 |
| <main> | 메인 영역 |
| <section> | HTML 문서에 포함된 독립적인 section을 정의 |
| <footer> | footer 영역 |
| <nav> | 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네비게이션 링크들의 집합을 정의 |
| <article> | 해당 문서나 페이지 등과 완전히 독립적으로 구성할 수 있는 요소를 정의 |
| <div> | 특정 영역이나 구획을 담당하는 태그 대표적인 block element로 한 줄을 다 차지하는 영역을 가지지만 자유자재로 크기나 위치 정렬을 바꿀 수 있다 |
| <span> | 일반적으로 텍스트에 크기, 좌우간격 등을 조절할 때 사용한다 inline element가 적용된다 |
| <aside> | 페이지의 다른 콘텐츠들과 약간의 연관성을 가지고 있지만 해당 콘텐츠들로부터 분리시킬 수 있는 페이지 영역을 정의 |
| <br> | 줄 바꿈을 정의 |
| <button> | 클릭 할 수 있는 버튼을 정의 |
| <hr> | 콘텐츠 내용에서 주제가 바뀔 때 사용할 수 있는 수평 가로선을 정의 |
| <hn> | 제목이며 <h1> ~ <h6>까지 있다 <h1>의 글자 크기가 가장 크며 6에 갈 수록 크기가 작아진다 |
| <br> | <br> 태그가 삽입된 위치에 줄 바꿈을 한다 |
| <p> | 내용의 앞뒤로 빈 줄이 생기며 단락이 생긴다. block element에 속한다 |
| <b> | <b>로 묶인 내용을 굵게 표시해준다 |
| <strong> | 중요한 내용을 강조하고 싶은 부분이 있을 때 사용한다 |
| <table> | 표를 감싸는 태그 |
| <tr> | 표 내부의 행 |
| <th> | <tr> 내부의 제목 셀 |
| <td> | <tr> 내부의 일반 셀 |
| <thead> | <table>의 각 영역(header,body,footer) 명시를 위해 <tbody>, <tfoot>요소와 함께 사용 |
| <ul> | 순서가 없는 list로서 글자 앞에 ● 같은 기호가 붙는다 |
| <ol> | 순서가 있는 list로서 기호가 아닌 숫자 혹은 영문 순서가 들어간다 |
| <li> | <ul> <ol> 안에서 각 항목을 나열할 때 사용한다 |
<div> 과 <span>
- <div>는 block level element로 줄 바꿈을 허용하며 <span>은 inline level element로 줄 바꿈을 허용하지 않는다
- block level element는 왼쪽에서 오른쪽으로 하나의 가로 영역 전체를 차지하는 태그
- block level element 요소 종류에는 <div> <dt> <dl> <footer> <form> <hn> <header> <li> <main> <nav> <p> <section> <table> <ul> 등이 있다
- inline level element는 자기 고유 영역 없이 자신이 둘러싸고 있는 내용들의 양에 따라 그 길이가 결정되는 태그
- inline level element 요소 종류에는 <a> <b> <br> <button> <input> <lable> <map> <span> 등이 있다
'html' 카테고리의 다른 글
| HTML 게시판 만들기 (0) | 2023.10.21 |
|---|