“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”
- Frederick Philips Brooks
Mythical Man-Month 저자
728x90
반응형
HTML 기본 문서와 관련된 태그
오늘은 HTML의 기본 문서와 관련된 태그들에 대해 알아보겠습니다.
우선 HTML요소는 <head>요소와 <body>요소로 구성되어 있습니다.
<head>요소 안에는 <meat>, <title>, <link>, <style>, <script> 등의 요소들이 올 수 있습니다.
그럼 어떨때 사용하는지 한번 하나씩 살펴볼까요?
| 요소명 | 설명 |
| <head> | 문서 정보에 해당하는 내용을 설정 |
| <body> | 문서 본문에 해당하는 내용을 설정 |
| <base> | 문서의 기본 URL을 설정 |
| <mata> | HTML 문서의 설명, 키워드, 문서의 작성자 등을 지정 |
| <title> | HTML 문서의 제목을 지정 |
| <link> | 외부의 CSS 파일을 HTML 문서에 연결할 때 사용 |
| <style> | HTML문서 내에서 스타일(CSS)을 정의 |
| <script> | 자바스크립트를 HTML 문서 내부에서 정의하거나 외부에서 자바스크립트 파일을 불러올 때 사용 |
[ HTML 예시 1 ]
See the Pen Untitled by hyunmijin (@hyunmijin) on CodePen.
그럼 오늘 알아본 기본 텍스트 태그들로
제일 기본적인 문서 구성은 이렇게 만들어볼수가 있겠죠!?
이제 여기에 텍스트 관련 태그들을 추가로 써 넣으면 내용을 추가할 수가 있습니다.
간단하게 몇가지만 살펴볼게요!
| 태그명 | 태그의 의미 및 특징 |
| <h1> ~ <h6> | 제목 표시, 일반 텍스보다 진하고 크게 표시(1부터 6까지 크기다름) |
| <p> | 단락 만들기 |
| <br> | 줄 바꾸기 |
| <strong> or <b> | Bold, 진하게 |
| <code> | 컴퓨터 인식을 위한 소스 코드 |
[ HTML 예시 2 ]
See the Pen Untitled by hyunmijin (@hyunmijin) on CodePen.
위의 [ HTML 예시 1]에 [ HTML 예시 2 ]처럼 텍스트 태그를 추가하면 이렇게 표시할 수 있습니다!
반응형