HTML
HTML은 Hypertext Markup Language의 약자이고, 웹 페이지를 만들기 위한 표준 마크업 언어다. HTML은 웹 페이지의 구조와 내용을 정의하는 데 사용되며, 텍스트, 이미지, 링크, 비디오 등 다양한 요소를 웹 페이지에 표시할 수 있도록 한다.
HTML은 일련의 태그(tag)로 이루어져있는데 태그의 종류는 다양하다.
그 중 자주 쓰이는 태그로는
텍스트 관련 태그:
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: 제목을 정의합니다.
<p>: 단락을 정의합니다.
<a>: 하이퍼링크를 생성합니다.
<strong>: 텍스트를 강조 표시합니다.
<em>: 텍스트를 강조 표시합니다(주로 이탤릭체로 표시됨).
목록 태그:
<ul>: 순서가 없는 목록을 생성합니다.
<ol>: 순서가 있는 목록을 생성합니다.
<li>: 목록 항목을 정의합니다.
폼 관련 태그:
<form>: 입력 양식을 생성합니다.
<input>: 입력 필드를 생성합니다(텍스트, 비밀번호 등).
<textarea>: 여러 줄의 텍스트 입력 필드를 생성합니다.
<select>: 드롭다운 목록을 생성합니다.
<button>: 버튼을 생성합니다.
이미지 및 멀티미디어 태그:
<img>: 이미지를 삽입합니다.
<audio>: 오디오를 재생합니다.
<video>: 비디오를 재생합니다.
테이블 태그:
<table>: 표를 생성합니다.
<tr>: 표의 행을 생성합니다.
<td>: 표의 데이터 셀을 생성합니다.
<th>: 표의 헤더 셀을 생성합니다.
기타 태그:
<div>: 구획을 정의하며 스타일링을 위해 주로 사용됩니다.
<span>: 텍스트나 인라인 요소를 그룹화하며 스타일링을 위해 주로 사용됩니다.
<br>: 줄 바꿈을 생성합니다.
<hr>: 수평 선을 생성합니다.가 있다.
HTML이 문서의 형식이라면 CSS로 문서를 어떻게 나타낼지 꾸며줄 수 있다.
CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 디자인 및 레이아웃을 스타일링하는 데 사용되는 스타일 시트 언어입니다. HTML은 웹 페이지의 구조를 정의하고, CSS는 그 구조를 꾸미고 스타일링합니다.
<p class="hello">hello</p>
<style>
.hello {
background-color:black;
color:white;
font-size:4rem;
}
</style>hello
여기서 CSS를 사용할 수는 없지만 위와 같이 HTML 안에서 문서를 작성하고 스타일링 해줄 수 있다.
