HTML(Hypertext Markup Language)란?
웹 페이지의 구조와 콘텐츠를 정의하는 마크업 언어.
웹 브라우저에게 어떻게 콘텐츠를 표시하고 구조화해야 하는지 알려준다.
HTML은 요소(element)와 태그(tag)를 사용하여 문서의 각 부분을 정의하고 표시한다.
CSS(Cascading Style Sheets)란?
HTML문서의 스타일과 레이아웃을 정의하는 스타일 시트 언어.
HTML요소의 디자인, 색상, 크기, 배치 등을 지정할 수 있다.
HTML문서의 시각적인 표현을 담당하며, 디자인과 콘텐츠를 분리하여 웹페이지를 보다 유연하고 일관된 스타일로 꾸밀 수 있게 해줌
▶ 요약 : 웹개발에서 HTML은 콘텐츠 구조를 정의하고, CSS는 콘텐츠의 디자인과 스타일을 지정한다.
html
! : 기본 형식이 자동완성됨
h : head역할로 크기별로 h1~h6 나누어져 있음
p : 텍스트의 내용을 담는 태그
br : 엔터
hr : 단락의 주제가 바뀔 때 사용(줄 나옴)
blockquote : 인용문(가운데 정렬로 들어감)
ul(unordered list) : 순서없는 목록
ol(odered list) : 순서있는 목록
li(list item) : 목록의 아이템
div(division) : 웹사이트 레이아웃(전체적인 틀)
table : 표
tr(table row) : 표의 행
th(table header) : 표의 제목 칸
td(table data) : 표의 데이터 칸
colspan : 열 병합
rowspan : 행 병합
dl(definition list) : 용어를 설명하는 목록
dt(difinition term) : 용어의 제목
dd(definition descrption) : 용어의 설명
문서연결
'공부 > frontend' 카테고리의 다른 글
| JavaScript (2) | 2024.12.08 |
|---|---|
| 화면 구현 후기(코드아님): 컴포넌트 사용법 (1) | 2024.12.07 |
