1.2주차 | Notion

HTML

HTML(Hypertext Markup Language)은 웹 페이지를 표현하는 데 사용되는 마크업 언어이다 HTML 의 기능으로는 페이지의 구조를 정의하여 제목, 단락, 목록, 표, 이미지 등과 같은 요소를 사용하여 콘텐츠를 구분하는 구조화, 태그를 사용하여 텍스트 스타일, 이미지 크기, 배경색 등과 같은 요소들의 스타일을 지정하여 웹 페이지를 포맷하는 포맷팅, HTML을 사용하여 다른 웹 페이지로의 링크를 생성하거나, 동일한 페이지 내에서의 이동을 제공하는 하이퍼링크가 있다

태그의 대표적인 종류로는

<html>: HTML 문서의 루트 요소를 정의
<head>: 문서의 메타데이터를 포함하는 부분을 정의
<title>: 문서의 제목을 정의
<body>: 문서의 본문을 정의
<h1>, <h2>, ..., <h6>: 제목을 정의
<p>: 단락을 정의
<a>: 하이퍼링크를 정의
<img>: 이미지를 삽입
<div>, <span>: 문서의 레이아웃을 위해 사용
<form>, <input>, <button>: 사용자 입력을 수집하는 폼을 정의

CSS

CSS는 웹 페이지의 디자인과 스타일을 정의하는 언어이다

CSS는 HTML과 함께 사용되며, 웹 페이지의 디자인과 스타일을 제어한다. 또한 선택자를 사용하여 요소를 선택하고, 속성과 값을 설정하여 스타일을 적용한다. 그리고 카스케이딩 메커니즘을 통해 여러 스타일 규칙 간 충돌을 해결하고 우선순위를 정한다

CSS로는 텍스트 스타일(글꼴, 크기, 색상), 배경 스타일(배경색, 이미지), 테두리 스타일(색상, 스타일, 두께), 레이아웃 스타일(위치, 크기, 정렬)을 설정할 수 있다